@labelbee/lb-components 1.8.0 → 1.9.0-alpha.0

package/dist/components/pointCloudView/PointCloud2DView.js

@@ -1 +1 @@
-"use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),index=require("../AnnotationView/index.js"),PointCloudContext=require("./PointCloudContext.js"),reactRedux=require("react-redux"),icons=require("@ant-design/icons"),useSize=require("../../hooks/useSize.js"),useSingleBox=require("./hooks/useSingleBox.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js"),map=require("../../store/annotation/map.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const Toolbar=({onNext:e,onPrev:t,imgLength:n,imgIndex:s})=>React__default.default.createElement("div",null,React__default.default.createElement(icons.LeftOutlined,{onClick:t}),React__default.default.createElement("span",null," ",s+1," / ",n," "),React__default.default.createElement(icons.RightOutlined,{onClick:e})),PointCloud2DView=({currentData:e,config:t})=>{var n,s,_,b,P;const[c,y]=React.useState([]),{pointCloudBoxList:x,topViewInstance:w}=React.useContext(PointCloudContext.PointCloudContext),[r,p]=React.useState(0),C=React.useRef(null),f=React.useRef(),{selectedBox:v}=useSingleBox.useSingleBox(),I=useSize(C),{t:O}=reactI18next.useTranslation(),a=(n=e==null?void 0:e.mappingImgList)==null?void 0:n[r];React.useEffect(()=>{p(0)},[e]),React.useEffect(()=>{if(w&&a){const o={fill:"transparent",color:"green"},l=x.reduce((u,i)=>{var d;const q=lbAnnotation.pointCloudLidar2image(i,a.calib),j=(d=lbUtils.toolStyleConverter.getColorFromConfig({attribute:i.attribute},__spreadProps(__spreadValues({},t),{attributeConfigurable:!0}),{}))==null?void 0:d.stroke;return[...u,...q.map(L=>({type:L.type,annotation:__spreadProps(__spreadValues({id:i.id,pointList:L.pointList},o),{stroke:j})}))]},[]);y(l)}},[x,a]);const m=!e||!(e==null?void 0:e.mappingImgList)||!(((s=e==null?void 0:e.mappingImgList)==null?void 0:s.length)>0),g=React.useCallback(()=>{var o,l;const u=(o=f.current)==null?void 0:o.toolInstance;if(!v||!u)return;const i=c.find(d=>d.annotation.id===v.info.id);((l=i==null?void 0:i.annotation.pointList)==null?void 0:l.length)>0&&u.focusPositionByPointList(i==null?void 0:i.annotation.pointList)},[v,f.current,c,r]);return React.useEffect(()=>{g()},[g]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-2d-container"),title:O("2DView"),toolbar:m?void 0:React__default.default.createElement(Toolbar,{imgIndex:r,imgLength:(b=(_=e.mappingImgList)==null?void 0:_.length)!=null?b:0,onNext:()=>{var o;!e||!(e==null?void 0:e.mappingImgList)||r>=((o=e==null?void 0:e.mappingImgList)==null?void 0:o.length)-1||p(l=>l+1)},onPrev:()=>{r<=0||p(o=>o-1)}}),style:{display:m?"none":"flex"}},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-2d-image"),ref:C},React__default.default.createElement(index,{src:(P=a==null?void 0:a.url)!=null?P:"",annotations:c,size:I,ref:f,globalStyle:{display:m?"none":"block"},afterImgOnLoad:g})))};var PointCloud2DView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DView);module.exports=PointCloud2DView$1;
+"use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),index=require("../AnnotationView/index.js"),PointCloudContext=require("./PointCloudContext.js"),reactRedux=require("react-redux"),icons=require("@ant-design/icons"),useSize=require("../../hooks/useSize.js"),useSingleBox=require("./hooks/useSingleBox.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js"),map=require("../../store/annotation/map.js"),lbUtils=require("@labelbee/lb-utils");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const Toolbar=({onNext:e,onPrev:t,imgLength:n,imgIndex:s})=>React__default.default.createElement("div",null,React__default.default.createElement(icons.LeftOutlined,{onClick:t}),React__default.default.createElement("span",null," ",s+1," / ",n," "),React__default.default.createElement(icons.RightOutlined,{onClick:e})),PointCloud2DView=({currentData:e,config:t})=>{var n,s,_,b,P;const[c,L]=React.useState([]),{topViewInstance:w,displayPointCloudList:C}=React.useContext(PointCloudContext.PointCloudContext),[r,p]=React.useState(0),x=React.useRef(null),f=React.useRef(),{selectedBox:v}=useSingleBox.useSingleBox(),I=useSize(x),{t:O}=reactI18next.useTranslation(),a=(n=e==null?void 0:e.mappingImgList)==null?void 0:n[r];React.useEffect(()=>{p(0)},[e]),React.useEffect(()=>{if(w&&a){const o={fill:"transparent",color:"green"},l=C.reduce((u,i)=>{var d;const q=lbAnnotation.pointCloudLidar2image(i,a.calib),j=(d=lbUtils.toolStyleConverter.getColorFromConfig({attribute:i.attribute},__spreadProps(__spreadValues({},t),{attributeConfigurable:!0}),{}))==null?void 0:d.stroke;return[...u,...q.map(y=>({type:y.type,annotation:__spreadProps(__spreadValues({id:i.id,pointList:y.pointList},o),{stroke:j})}))]},[]);L(l)}},[C,a]);const m=!e||!(e==null?void 0:e.mappingImgList)||!(((s=e==null?void 0:e.mappingImgList)==null?void 0:s.length)>0),g=React.useCallback(()=>{var o,l;const u=(o=f.current)==null?void 0:o.toolInstance;if(!v||!u)return;const i=c.find(d=>d.annotation.id===v.info.id);((l=i==null?void 0:i.annotation.pointList)==null?void 0:l.length)>0&&u.focusPositionByPointList(i==null?void 0:i.annotation.pointList)},[v,f.current,c,r]);return React.useEffect(()=>{g()},[g]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-2d-container"),title:O("2DView"),toolbar:m?void 0:React__default.default.createElement(Toolbar,{imgIndex:r,imgLength:(b=(_=e.mappingImgList)==null?void 0:_.length)!=null?b:0,onNext:()=>{var o;!e||!(e==null?void 0:e.mappingImgList)||r>=((o=e==null?void 0:e.mappingImgList)==null?void 0:o.length)-1||p(l=>l+1)},onPrev:()=>{r<=0||p(o=>o-1)}}),style:{display:m?"none":"flex"}},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-2d-image"),ref:x},React__default.default.createElement(index,{src:(P=a==null?void 0:a.url)!=null?P:"",annotations:c,size:I,ref:f,globalStyle:{display:m?"none":"block"},afterImgOnLoad:g})))};var PointCloud2DView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DView);module.exports=PointCloud2DView$1;

package/dist/components/pointCloudView/PointCloudBackView.js

@@ -1 +1 @@
-"use strict";var lbAnnotation=require("@labelbee/lb-annotation"),dom=require("../../utils/dom.js"),PointCloudLayout=require("./PointCloudLayout.js"),React=require("react"),PointCloudContext=require("./PointCloudContext.js"),useSingleBox=require("./hooks/useSingleBox.js"),lbUtils=require("@labelbee/lb-utils"),PointCloudInfos=require("./PointCloudInfos.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),useSize=require("../../hooks/useSize.js"),index=require("./components/EmptyPage/index.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const TransferCanvas2WorldOffset=(n,a,r=1)=>{const{width:e,height:t}=a,o={x:n.x+e*r/2,y:n.y+t*r/2},l={x:a.width/2,y:a.height/2};return{offsetX:(l.x-o.x)/r,offsetY:-(l.y-o.y)/r}},updateBackViewByCanvas2D=(n,a,r,e,t)=>{const{offsetX:o,offsetY:l}=TransferCanvas2WorldOffset(n,r,a);if(t.camera.zoom=a,n){const f=Math.cos(e.rotation),d=Math.sin(e.rotation),i=o*f,u=o*d,{x:s,y:c,z:C}=t.initCameraPosition;t.camera.position.set(s+u,c-i,C+l)}t.camera.updateProjectionMatrix(),t.render()},PointCloudSideView=({currentData:n,config:a,checkMode:r})=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),t=React.useRef(null),o=useSize(t),{selectedBox:l}=useSingleBox.useSingleBox(),{t:f}=reactI18next.useTranslation(),{backViewUpdateBox:d}=usePointCloudViews.usePointCloudViews();return React.useEffect(()=>{if(t.current){const i={width:t.current.clientWidth,height:t.current.clientHeight},u=new lbAnnotation.PointCloudAnnotation({container:t.current,size:i,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0},config:a,checkMode:r});e.setBackViewInstance(u)}},[]),React.useEffect(()=>{if(!o||!e.backViewInstance)return;const{pointCloud2dOperation:i,pointCloudInstance:u}=e.backViewInstance;i.singleOn("renderZoom",(s,c)=>{!e.selectedPointCloudBox||updateBackViewByCanvas2D(c,s,o,e.selectedPointCloudBox,u)}),i.singleOn("dragMove",({currentPos:s,zoom:c})=>{!e.selectedPointCloudBox||updateBackViewByCanvas2D(s,c,o,e.selectedPointCloudBox,u)}),i.singleOn("updatePolygonByDrag",({newPolygon:s,originPolygon:c})=>{d==null||d(s,c)})},[e,o]),React.useEffect(()=>{var i;(i=e==null?void 0:e.backViewInstance)==null||i.initSize(o)},[o]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","back-view"),title:f("BackView"),toolbar:React__default.default.createElement(PointCloudInfos.SizeInfoForView,{perspectiveView:lbUtils.EPerspectiveView.Back})},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","bottom-view-content")},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","core-instance"),ref:t}),!l&&React__default.default.createElement(index,null)))};var PointCloudBackView=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudSideView);module.exports=PointCloudBackView;
+"use strict";var lbAnnotation=require("@labelbee/lb-annotation"),dom=require("../../utils/dom.js"),PointCloudLayout=require("./PointCloudLayout.js"),React=require("react"),PointCloudContext=require("./PointCloudContext.js"),lbUtils=require("@labelbee/lb-utils"),useSingleBox=require("./hooks/useSingleBox.js"),PointCloudInfos=require("./PointCloudInfos.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),useSize=require("../../hooks/useSize.js"),index=require("./components/EmptyPage/index.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,n,o)=>n in t?__defProp(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,__spreadValues=(t,n)=>{for(var o in n||(n={}))__hasOwnProp.call(n,o)&&__defNormalProp(t,o,n[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(n))__propIsEnum.call(n,o)&&__defNormalProp(t,o,n[o]);return t},__spreadProps=(t,n)=>__defProps(t,__getOwnPropDescs(n));const TransferCanvas2WorldOffset=(t,n,o=1)=>{const{width:e,height:i}=n,s={x:t.x+e*o/2,y:t.y+i*o/2},d={x:n.width/2,y:n.height/2};return{offsetX:(d.x-s.x)/o,offsetY:-(d.y-s.y)/o}},updateBackViewByCanvas2D=(t,n,o,e,i)=>{const{offsetX:s,offsetY:d}=TransferCanvas2WorldOffset(t,o,n);if(i.camera.zoom=n,t){const p=Math.cos(e.rotation),P=Math.sin(e.rotation),g=s*p,h=s*P,{x:r,y:u,z:c}=i.initCameraPosition;i.camera.position.set(r+h,u-g,c+d)}i.camera.updateProjectionMatrix(),i.render()},PointCloudSideView=({currentData:t,config:n,checkMode:o})=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),i=React.useRef(null),s=useSize(i),{selectedBox:d,updateSelectedBox:p}=useSingleBox.useSingleBox(),{t:P}=reactI18next.useTranslation(),{backViewUpdateBox:g}=usePointCloudViews.usePointCloudViews(),h=(r,u)=>{if(!e.selectedPointCloudBox||!e.mainViewInstance||!t.url||!e.backViewInstance)return;const{pointCloudInstance:c}=e.backViewInstance,[l,f,x]=r.pointList,[v,m,y]=u.pointList,w=lbAnnotation.MathUtils.getLineCenterPoint([l,x]),C=lbAnnotation.MathUtils.getLineCenterPoint([v,y]),V={x:{x:w.x-C.x,y:w.y-C.y}.x,y:0,z:w.y-C.y},B=lbAnnotation.MathUtils.getLineLength(l,f),b=lbAnnotation.MathUtils.getLineLength(v,m),I=B-b,_=lbAnnotation.MathUtils.getLineLength(f,x),O=lbAnnotation.MathUtils.getLineLength(m,y),L=_-O;let{newBoxParams:a}=c.getNewBoxByBackUpdate(V,L,I,e.selectedPointCloudBox);if(e.mainViewInstance){const{count:j}=e.mainViewInstance.getSensesPointZAxisInPolygon(lbAnnotation.getCuboidFromPointCloudBox(a).polygonPointList,[a.center.z-a.depth/2,a.center.z+a.depth/2]);a=__spreadProps(__spreadValues({},a),{count:j})}usePointCloudViews.synchronizeTopView(a,r,e.topViewInstance,e.mainViewInstance),usePointCloudViews.synchronizeSideView(a,r,e.sideViewInstance,t.url),e.mainViewInstance.highlightOriginPointCloud([a]),p(a)};return React.useEffect(()=>{if(i.current){const r={width:i.current.clientWidth,height:i.current.clientHeight},u=new lbAnnotation.PointCloudAnnotation({container:i.current,size:r,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0},config:n,checkMode:o});e.setBackViewInstance(u)}},[]),React.useEffect(()=>{if(!s||!e.backViewInstance)return;const{pointCloud2dOperation:r,pointCloudInstance:u}=e.backViewInstance;r.singleOn("renderZoom",(c,l)=>{!e.selectedPointCloudBox||updateBackViewByCanvas2D(l,c,s,e.selectedPointCloudBox,u)}),r.singleOn("dragMove",({currentPos:c,zoom:l})=>{!e.selectedPointCloudBox||updateBackViewByCanvas2D(c,l,s,e.selectedPointCloudBox,u)}),r.singleOn("updatePolygonByDrag",c=>{if(e.selectedIDs.length===1&&c.length===1){const{newPolygon:l,originPolygon:f}=c[0];l&&f&&(h(l,f),g(l,f))}})},[e,s]),React.useEffect(()=>{var r;(r=e==null?void 0:e.backViewInstance)==null||r.initSize(s)},[s]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","back-view"),title:P("BackView"),toolbar:React__default.default.createElement(PointCloudInfos.SizeInfoForView,{perspectiveView:lbUtils.EPerspectiveView.Back})},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","bottom-view-content")},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","core-instance"),ref:i}),!d&&React__default.default.createElement(index,null)))};var PointCloudBackView=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudSideView);module.exports=PointCloudBackView;

package/dist/components/pointCloudView/PointCloudContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbAnnotation=require("@labelbee/lb-annotation"),React=require("react");function _interopDefaultLegacy(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var React__default=_interopDefaultLegacy(React);const PointCloudContext=React__default.default.createContext({pointCloudBoxList:[],polygonList:[],selectedID:"",selectedIDs:[],valid:!0,setSelectedIDs:()=>{},setPointCloudResult:()=>{},setPointCloudValid:()=>{},setTopViewInstance:()=>{},setSideViewInstance:()=>{},setBackViewInstance:()=>{},setMainViewInstance:()=>{},addSelectedID:()=>{},selectedAllBoxes:()=>{},addPointCloudBox:()=>[],setPolygonList:()=>{},zoom:1,setZoom:()=>{},history:new lbAnnotation.ActionsHistory,syncAllViewPointCloudColor:()=>{},defaultAttribute:"",setDefaultAttribute:()=>{},pointCloudPattern:lbAnnotation.EToolName.Rect,setPointCloudPattern:()=>{}}),PointCloudProvider=({children:o})=>{const[s,d]=React.useState([]),[c,v]=React.useState([]),[e,a]=React.useState([]),[C,A]=React.useState(!0),[P,x]=React.useState(1),[u,m]=React.useState(),[f,b]=React.useState(),[S,g]=React.useState(),[i,B]=React.useState(),[p,h]=React.useState(""),[w,L]=React.useState(lbAnnotation.EToolName.Rect),D=React.useRef(new lbAnnotation.ActionsHistory).current,y=React.useMemo(()=>e.length===1?e[0]:"",[e]),R=React.useMemo(()=>{const _=s.find(t=>t.id===y),M=t=>{const n=s.concat(t);return d(n),n},E=t=>{A(t!==!1)},l=t=>{t===void 0&&a([]),typeof t=="string"&&a([t]),Array.isArray(t)&&a(Array.from(new Set(t)))};return{selectedID:y,pointCloudBoxList:s,selectedIDs:e,setPointCloudResult:d,setSelectedIDs:l,addPointCloudBox:M,valid:C,selectedPointCloudBox:_,setPointCloudValid:E,addSelectedID:t=>{e.includes(t)?l(e.filter(n=>n!==t)):l([...e,t])},selectedAllBoxes:()=>{l(s.map(t=>t.id))},topViewInstance:u,setTopViewInstance:m,sideViewInstance:f,setSideViewInstance:b,backViewInstance:S,setBackViewInstance:g,mainViewInstance:i,setMainViewInstance:B,polygonList:c,setPolygonList:v,zoom:P,setZoom:x,history:D,syncAllViewPointCloudColor:t=>{const n=i==null?void 0:i.highlightOriginPointCloud(t);return new Promise(T=>{n==null||n.then(r=>{[u].forEach(V=>{var I;r&&((I=V==null?void 0:V.pointCloudInstance)==null||I.updateColor(r),T({color:r}))})})})},defaultAttribute:p,setDefaultAttribute:h,pointCloudPattern:w,setPointCloudPattern:L}},[C,e,s,c,u,f,S,i,P,p,w]);return React__default.default.createElement(PointCloudContext.Provider,{value:R},o)};exports.PointCloudContext=PointCloudContext,exports.PointCloudProvider=PointCloudProvider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(i){return i&&typeof i=="object"&&"default"in i?i:{default:i}}var React__default=_interopDefaultLegacy(React);const PointCloudContext=React__default.default.createContext({pointCloudBoxList:[],displayPointCloudList:[],polygonList:[],selectedID:"",selectedIDs:[],valid:!0,setSelectedIDs:()=>{},setPointCloudResult:()=>{},setPointCloudValid:()=>{},setTopViewInstance:()=>{},setSideViewInstance:()=>{},setBackViewInstance:()=>{},setMainViewInstance:()=>{},addSelectedID:()=>{},selectedAllBoxes:()=>{},addPointCloudBox:()=>[],setPolygonList:()=>{},zoom:1,setZoom:()=>{},history:new lbAnnotation.ActionsHistory,hideAttributes:[],toggleAttributesVisible:()=>{},reRender:()=>{},setAttrPanelLayout:()=>{},attrPanelLayout:"",syncAllViewPointCloudColor:()=>{},defaultAttribute:"",setDefaultAttribute:()=>{},pointCloudPattern:lbAnnotation.EToolName.Rect,setPointCloudPattern:()=>{}}),PointCloudProvider=({children:i})=>{const[l,S]=React.useState([]),[c,D]=React.useState([]),[o,f]=React.useState([]),[b,E]=React.useState(!0),[v,H]=React.useState(1),[u,M]=React.useState(),[V,_]=React.useState(),[w,O]=React.useState(),[s,T]=React.useState(),[g,j]=React.useState(""),[I,k]=React.useState(lbAnnotation.EToolName.Rect),N=React.useRef(new lbAnnotation.ActionsHistory).current,[n,P]=React.useState([]),[m,q]=React.useState(""),x=React.useMemo(()=>o.length===1?o[0]:"",[o]),L=React.useMemo(()=>{const d=l.find(t=>t.id===x),C=t=>{const e=l.concat(t);return S(e),e},p=t=>{E(t!==!1)},a=t=>{t===void 0&&f([]),typeof t=="string"&&f([t]),Array.isArray(t)&&f(Array.from(new Set(t)))},r=t=>{o.includes(t)?a(o.filter(e=>e!==t)):a([...o,t])},F=()=>{a(l.map(t=>t.id))},h=l.filter(t=>!n.includes(t.attribute));return{selectedID:x,pointCloudBoxList:l,displayPointCloudList:h,selectedIDs:o,setPointCloudResult:S,setSelectedIDs:a,addPointCloudBox:C,valid:b,selectedPointCloudBox:d,setPointCloudValid:p,addSelectedID:r,selectedAllBoxes:F,topViewInstance:u,setTopViewInstance:M,sideViewInstance:V,setSideViewInstance:_,backViewInstance:w,setBackViewInstance:O,mainViewInstance:s,setMainViewInstance:T,polygonList:c,setPolygonList:D,zoom:v,setZoom:H,history:N,toggleAttributesVisible:t=>{if(n.includes(t))P(n.filter(e=>e!==t));else{const e=n.concat(t);P(e)}},hideAttributes:n,setHideAttributes:P,reRender:(t=h,e=c)=>{t.forEach(A=>{s==null||s.removeObjectByName(A.id)}),u==null||u.updatePolygonList(t,e),s==null||s.generateBoxes(t)},attrPanelLayout:m,setAttrPanelLayout:q,syncAllViewPointCloudColor:t=>{const e=s==null?void 0:s.highlightOriginPointCloud(t);return new Promise(A=>{e==null||e.then(y=>{[u].forEach(R=>{var B;y&&((B=R==null?void 0:R.pointCloudInstance)==null||B.updateColor(y),A({color:y}))})})})},defaultAttribute:g,setDefaultAttribute:j,pointCloudPattern:I,setPointCloudPattern:k}},[b,o,l,c,u,V,w,s,v,n,m,g,I]),z=()=>{const d=l.filter(r=>n.includes(r.attribute)),{setSelectedIDs:C,reRender:p}=L,a=d.map(r=>r.id);a.length>0&&C(o.filter(r=>!a.includes(r))),p()};return React.useEffect(()=>{var d;z(),(d=u==null?void 0:u.pointCloud2dOperation)==null||d.setHiddenAttributes(n)},[n]),React__default.default.createElement(PointCloudContext.Provider,{value:L},i)};exports.PointCloudContext=PointCloudContext,exports.PointCloudProvider=PointCloudProvider;

package/dist/components/pointCloudView/PointCloudListener.js

@@ -1 +1 @@
-"use strict";var PointCloudContext=require("./PointCloudContext.js"),useRotate=require("./hooks/useRotate.js"),useBoxes=require("./hooks/useBoxes.js"),useSingleBox=require("./hooks/useSingleBox.js"),React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),antd=require("antd"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),annotation=require("../../hooks/annotation.js"),useStatus=require("./hooks/useStatus.js"),index=require("../../utils/index.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),ctx=require("../../store/ctx.js"),useHistory=require("./hooks/useHistory.js"),useAttribute=require("./hooks/useAttribute.js"),useConfig=require("./hooks/useConfig.js"),usePolygon=require("./hooks/usePolygon.js"),reactI18next=require("react-i18next"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(i,r,n)=>r in i?__defProp(i,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[r]=n,__spreadValues=(i,r)=>{for(var n in r||(r={}))__hasOwnProp.call(r,n)&&__defNormalProp(i,n,r[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(r))__propIsEnum.call(r,n)&&__defNormalProp(i,n,r[n]);return i},__spreadProps=(i,r)=>__defProps(i,__getOwnPropDescs(r));const{EPolygonPattern}=lbAnnotation.cTool,PointCloudListener=({currentData:i,config:r,checkMode:n,configString:m,imgIndex:k})=>{const o=React.useContext(PointCloudContext.PointCloudContext),{changeSelectedBoxValid:h,selectNextBox:_,selectPrevBox:B,updateSelectedBox:P,deleteSelectedPointCloudBoxAndPolygon:S}=useSingleBox.useSingleBox(),{clearAllResult:p,updatePointCloudPattern:E}=useStatus.useStatus(),I=index.jsonParser(i.result),{copySelectedBoxes:V,pasteSelectedBoxes:A,copiedBoxes:q}=useBoxes.useBoxes({config:r}),{toolInstanceRef:a}=annotation.useCustomToolInstance({basicInfo:I}),{updateRotate:v}=useRotate.useRotate({currentData:i}),{updatePointCloudData:f,topViewSelectedChanged:O}=usePointCloudViews.usePointCloudViews(),{redo:y,undo:C,pushHistoryWithList:j,pushHistoryUnderUpdatePolygon:L}=useHistory.useHistory(),{syncThreeViewsAttribute:x}=useAttribute.useAttribute(),{syncAllViewsConfig:R,reRenderTopViewRange:T}=useConfig.useConfig(),{selectedPolygon:w}=usePolygon.usePolygon(),{t:b}=reactI18next.useTranslation(),D=(e,t)=>{var s;const{topViewInstance:u,mainViewInstance:l}=o;if(!u)return;const{pointCloud2dOperation:c}=u;switch(e){case"q":{v(2);break}case"e":v(-2);break;case"g":v(180);break;case"u":{const d=c.pattern===EPolygonPattern.Normal?lbAnnotation.EToolName.Rect:lbAnnotation.EToolName.Polygon;E(d);const K={[lbAnnotation.EToolName.Polygon]:b("PolygonPattern"),[lbAnnotation.EToolName.Rect]:b("RectPattern")};antd.message.success(b("ChangePatternMsg",{pattern:K[d]})),c.clearActiveStatus(),c.clearDrawingStatus()}break;case"+":l==null||l.updatePointSize(!0);break;case"-":l==null||l.updatePointSize(!1);break;case"v":o.setPointCloudValid(!o.valid);break;case"tab":if(t.shiftKey){B();break}_(),t.preventDefault();break;case"f":h();break;case"delete":S();break;default:{if(((s=r.attributeList)==null?void 0:s.length)>0){const d=lbAnnotation.AttributeUtils.getAttributeByKeycode(t.keyCode,r.attributeList);d!==void 0&&a.current.setDefaultAttribute(d)}return}}},N=(e,t)=>{switch(e){case"c":V();break;case"v":A();break;case"a":o.selectedAllBoxes();break;case"z":{t.shiftKey?y():C();break}}},g=e=>{if(!lbAnnotation.CommonToolUtils.hotkeyFilter(e)||n===!0)return;const t=e.key.toLocaleLowerCase();if(e.ctrlKey){N(t,e);return}D(t,e)};return React.useEffect(()=>{const{topViewInstance:e}=o;if(!!e)return window.addEventListener("keydown",g),()=>{window.removeEventListener("keydown",g)}},[o,q,r,o.pointCloudBoxList,o.polygonList]),React.useEffect(()=>{R(r)},[m]),React.useEffect(()=>{(r==null?void 0:r.radius)&&T(r==null?void 0:r.radius)},[r==null?void 0:r.radius]),React.useEffect(()=>{f==null||f()},[k,o.mainViewInstance]),React.useEffect(()=>{a.current.exportData=()=>[o.pointCloudBoxList,{valid:o.valid}],a.current.exportCustomData=()=>{var e;return{resultPolygon:(e=o.polygonList)!=null?e:[]}},a.current.setDefaultAttribute=e=>{x(e);const t=o.selectedPointCloudBox;if(t){t.attribute=e;const s=P(t);o.mainViewInstance&&O(t,s)}w&&L(__spreadProps(__spreadValues({},w),{attribute:e}))},a.current.setSubAttribute=(e,t)=>{var s;const u=o.selectedPointCloudBox;if(u){const l=(s=u==null?void 0:u.subAttribute)!=null?s:{};u.subAttribute=__spreadProps(__spreadValues({},l),{[e]:t}),P(u)}},a.current.clearResult=()=>{p==null||p()},a.current.redo=()=>{y()},a.current.undo=()=>{C()},a.current.setValid=e=>{a.current.valid=e,setTimeout(()=>{o.setPointCloudValid(e),e===!1&&p()})},a.current.setForbidOperation=e=>{var t,s;(s=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||s.setForbidOperation(e),e===!0&&o.setSelectedIDs(void 0)},a.current.setShowDefaultCursor=e=>{var t,s;(s=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||s.setShowDefaultCursor(e)}},[o.pointCloudBoxList,o.selectedID,o.valid,o.polygonList,o.mainViewInstance]),React.useEffect(()=>{a.current.history={pushHistory:e=>{j({pointCloudBoxList:e})},initRecord:()=>{}}},[]),React.useEffect(()=>{var e;const t=(e=o.topViewInstance)==null?void 0:e.pointCloud2dOperation;if(!t||n)return;const s=c=>{x(c)},u=c=>{antd.message.error(c)},l=c=>{antd.message.info(c)};return t.on("syncAttribute",s),t.on("messageError",u),t.on("messageInfo",l),()=>{t.unbind("syncAttribute",s),t.unbind("messageError",u),t.unbind("messageInfo",l)}},[o.topViewInstance]),null};var PointCloudListener$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudListener);module.exports=PointCloudListener$1;
+"use strict";var PointCloudContext=require("./PointCloudContext.js"),useRotate=require("./hooks/useRotate.js"),useBoxes=require("./hooks/useBoxes.js"),useSingleBox=require("./hooks/useSingleBox.js"),React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),antd=require("antd"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),annotation=require("../../hooks/annotation.js"),useStatus=require("./hooks/useStatus.js"),index=require("../../utils/index.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),ctx=require("../../store/ctx.js"),useHistory=require("./hooks/useHistory.js"),useAttribute=require("./hooks/useAttribute.js"),useConfig=require("./hooks/useConfig.js"),usePolygon=require("./hooks/usePolygon.js"),reactI18next=require("react-i18next"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(i,r,n)=>r in i?__defProp(i,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[r]=n,__spreadValues=(i,r)=>{for(var n in r||(r={}))__hasOwnProp.call(r,n)&&__defNormalProp(i,n,r[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(r))__propIsEnum.call(r,n)&&__defNormalProp(i,n,r[n]);return i},__spreadProps=(i,r)=>__defProps(i,__getOwnPropDescs(r));const{EPolygonPattern}=lbAnnotation.cTool,PointCloudListener=({currentData:i,config:r,checkMode:n,configString:k,imgIndex:h})=>{const o=React.useContext(PointCloudContext.PointCloudContext),{changeSelectedBoxValid:_,selectNextBox:B,selectPrevBox:S,updateSelectedBox:P,deleteSelectedPointCloudBoxAndPolygon:I}=useSingleBox.useSingleBox(),{clearAllResult:v,updatePointCloudPattern:V}=useStatus.useStatus(),E=index.jsonParser(i.result),{copySelectedBoxes:O,pasteSelectedBoxes:A,copiedBoxes:q}=useBoxes.useBoxes({config:r}),{toolInstanceRef:a}=annotation.useCustomToolInstance({basicInfo:E}),{updateRotate:b}=useRotate.useRotate({currentData:i}),{updatePointCloudData:y,topViewSelectedChanged:j}=usePointCloudViews.usePointCloudViews(),{redo:C,undo:w,pushHistoryWithList:L,pushHistoryUnderUpdatePolygon:R}=useHistory.useHistory(),{syncThreeViewsAttribute:x}=useAttribute.useAttribute(),{syncAllViewsConfig:T,reRenderTopViewRange:D}=useConfig.useConfig(),{selectedPolygon:g}=usePolygon.usePolygon(),{t:f}=reactI18next.useTranslation(),p=e=>{var t;const{topViewInstance:s}=o;!s||(t=s.pointCloud2dOperation)==null||t.updateSelectedPolygonsPoints(e)},N=(e,t)=>{var s;const{topViewInstance:u,mainViewInstance:l}=o;if(!u)return;const{pointCloud2dOperation:c}=u;switch(e){case"q":{b(2);break}case"e":b(-2);break;case"g":b(180);break;case"u":{const d=c.pattern===EPolygonPattern.Normal?lbAnnotation.EToolName.Rect:lbAnnotation.EToolName.Polygon;V(d);const H={[lbAnnotation.EToolName.Polygon]:f("PolygonPattern"),[lbAnnotation.EToolName.Rect]:f("RectPattern")};antd.message.success(f("ChangePatternMsg",{pattern:H[d]})),c.clearActiveStatus(),c.clearDrawingStatus()}break;case"+":l==null||l.updatePointSize(!0);break;case"-":l==null||l.updatePointSize(!1);break;case"v":o.setPointCloudValid(!o.valid);break;case"tab":if(t.shiftKey){S();break}B(),t.preventDefault();break;case"f":_();break;case"arrowup":p({y:-1});break;case"arrowdown":p({y:1});break;case"arrowleft":p({x:-1});break;case"arrowright":p({x:1});break;case"delete":I();break;default:{if(((s=r.attributeList)==null?void 0:s.length)>0){const d=lbAnnotation.AttributeUtils.getAttributeByKeycode(t.keyCode,r.attributeList);d!==void 0&&a.current.setDefaultAttribute(d)}return}}},K=(e,t)=>{switch(e){case"c":O();break;case"v":A();break;case"a":o.selectedAllBoxes();break;case"z":{t.shiftKey?C():w();break}}},m=e=>{if(!lbAnnotation.CommonToolUtils.hotkeyFilter(e)||n===!0)return;const t=e.key.toLocaleLowerCase();if(e.ctrlKey){K(t,e);return}N(t,e)};return React.useEffect(()=>{const{topViewInstance:e}=o;if(!!e)return window.addEventListener("keydown",m),()=>{window.removeEventListener("keydown",m)}},[o,q,r,o.pointCloudBoxList,o.polygonList]),React.useEffect(()=>{T(r)},[k]),React.useEffect(()=>{(r==null?void 0:r.radius)&&D(r==null?void 0:r.radius)},[r==null?void 0:r.radius]),React.useEffect(()=>{y==null||y()},[h,o.mainViewInstance]),React.useEffect(()=>{a.current.exportData=()=>[o.pointCloudBoxList,{valid:o.valid}],a.current.exportCustomData=()=>{var e;return{resultPolygon:(e=o.polygonList)!=null?e:[]}},a.current.setDefaultAttribute=e=>{x(e);const t=o.selectedPointCloudBox;if(t){t.attribute=e;const s=P(t);o.mainViewInstance&&j(t,s)}g&&R(__spreadProps(__spreadValues({},g),{attribute:e}))},a.current.setSubAttribute=(e,t)=>{var s;const u=o.selectedPointCloudBox;if(u){const l=(s=u==null?void 0:u.subAttribute)!=null?s:{};u.subAttribute=__spreadProps(__spreadValues({},l),{[e]:t}),P(u)}},a.current.clearResult=()=>{v==null||v()},a.current.redo=()=>{C()},a.current.undo=()=>{w()},a.current.setValid=e=>{a.current.valid=e,setTimeout(()=>{o.setPointCloudValid(e),e===!1&&v()})},a.current.setForbidOperation=e=>{var t,s;(s=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||s.setForbidOperation(e),e===!0&&o.setSelectedIDs(void 0)},a.current.setShowDefaultCursor=e=>{var t,s;(s=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||s.setShowDefaultCursor(e)}},[o.pointCloudBoxList,o.selectedID,o.valid,o.polygonList,o.mainViewInstance]),React.useEffect(()=>{a.current.history={pushHistory:e=>{L({pointCloudBoxList:e})},initRecord:()=>{}}},[]),React.useEffect(()=>{var e;const t=(e=o.topViewInstance)==null?void 0:e.pointCloud2dOperation;if(!t||n)return;const s=c=>{x(c)},u=c=>{antd.message.error(c)},l=c=>{antd.message.info(c)};return t.on("syncAttribute",s),t.on("messageError",u),t.on("messageInfo",l),()=>{t.unbind("syncAttribute",s),t.unbind("messageError",u),t.unbind("messageInfo",l)}},[o.topViewInstance]),null};var PointCloudListener$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudListener);module.exports=PointCloudListener$1;

package/dist/components/pointCloudView/PointCloudSideView.js

@@ -1 +1 @@
-"use strict";var lbAnnotation=require("@labelbee/lb-annotation"),dom=require("../../utils/dom.js"),PointCloudLayout=require("./PointCloudLayout.js"),React=require("react"),lbUtils=require("@labelbee/lb-utils"),PointCloudContext=require("./PointCloudContext.js"),PointCloudInfos=require("./PointCloudInfos.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),useSingleBox=require("./hooks/useSingleBox.js"),index=require("./components/EmptyPage/index.js"),useSize=require("../../hooks/useSize.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const TransferCanvas2WorldOffset=(t,s,e=1)=>{const{width:u,height:r}=s,n={x:t.x+u*e/2,y:t.y+r*e/2},o={x:s.width/2,y:s.height/2};return{offsetX:(o.x-n.x)/e,offsetY:-(o.y-n.y)/e}},updateSideViewByCanvas2D=(t,s,e,u,r)=>{const{offsetX:n,offsetY:o}=TransferCanvas2WorldOffset(t,e,s);if(r.camera.zoom=s,t){const d=Math.cos(u.rotation),i=Math.sin(u.rotation),c=n*d,a=n*i,{x:l,y:f,z:x}=r.initCameraPosition;r.camera.position.set(l-c,f-a,x+o)}r.camera.updateProjectionMatrix(),r.render()},PointCloudSideView=({config:t,checkMode:s})=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),{sideViewUpdateBox:u}=usePointCloudViews.usePointCloudViews(),{selectedBox:r}=useSingleBox.useSingleBox(),n=React.useRef(null),o=useSize(n),{t:d}=reactI18next.useTranslation();return React.useEffect(()=>{if(n.current){const i={width:n.current.clientWidth,height:n.current.clientHeight},c=new lbAnnotation.PointCloudAnnotation({container:n.current,size:i,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0},config:t,checkMode:s});e.setSideViewInstance(c)}},[]),React.useEffect(()=>{if(!o||!e.sideViewInstance)return;const{pointCloud2dOperation:i,pointCloudInstance:c}=e.sideViewInstance;i.singleOn("renderZoom",(a,l)=>{!e.selectedPointCloudBox||updateSideViewByCanvas2D(l,a,o,e.selectedPointCloudBox,c)}),i.singleOn("dragMove",({currentPos:a,zoom:l})=>{!e.selectedPointCloudBox||updateSideViewByCanvas2D(a,l,o,e.selectedPointCloudBox,c)}),i.singleOn("updatePolygonByDrag",({newPolygon:a,originPolygon:l})=>{u(a,l)})},[e,o]),React.useEffect(()=>{var i;(i=e==null?void 0:e.sideViewInstance)==null||i.initSize(o)},[o]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","side-view"),title:d("SideView"),toolbar:React__default.default.createElement(PointCloudInfos.SizeInfoForView,{perspectiveView:lbUtils.EPerspectiveView.Left})},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","bottom-view-content")},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","core-instance"),ref:n}),!r&&React__default.default.createElement(index,null)))};var PointCloudSideView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudSideView);module.exports=PointCloudSideView$1;
+"use strict";var lbAnnotation=require("@labelbee/lb-annotation"),dom=require("../../utils/dom.js"),PointCloudLayout=require("./PointCloudLayout.js"),React=require("react"),lbUtils=require("@labelbee/lb-utils"),PointCloudContext=require("./PointCloudContext.js"),PointCloudInfos=require("./PointCloudInfos.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),useSingleBox=require("./hooks/useSingleBox.js"),index=require("./components/EmptyPage/index.js"),useSize=require("../../hooks/useSize.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const TransferCanvas2WorldOffset=(t,s,e=1)=>{const{width:c,height:r}=s,n={x:t.x+c*e/2,y:t.y+r*e/2},o={x:s.width/2,y:s.height/2};return{offsetX:(o.x-n.x)/e,offsetY:-(o.y-n.y)/e}},updateSideViewByCanvas2D=(t,s,e,c,r)=>{const{offsetX:n,offsetY:o}=TransferCanvas2WorldOffset(t,e,s);if(r.camera.zoom=s,t){const d=Math.cos(c.rotation),i=Math.sin(c.rotation),u=n*d,a=n*i,{x:l,y:f,z:x}=r.initCameraPosition;r.camera.position.set(l-u,f-a,x+o)}r.camera.updateProjectionMatrix(),r.render()},PointCloudSideView=({config:t,checkMode:s})=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),{sideViewUpdateBox:c}=usePointCloudViews.usePointCloudViews(),{selectedBox:r}=useSingleBox.useSingleBox(),n=React.useRef(null),o=useSize(n),{t:d}=reactI18next.useTranslation();return React.useEffect(()=>{if(n.current){const i={width:n.current.clientWidth,height:n.current.clientHeight},u=new lbAnnotation.PointCloudAnnotation({container:n.current,size:i,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0},config:t,checkMode:s});e.setSideViewInstance(u)}},[]),React.useEffect(()=>{if(!o||!e.sideViewInstance)return;const{pointCloud2dOperation:i,pointCloudInstance:u}=e.sideViewInstance;i.singleOn("renderZoom",(a,l)=>{!e.selectedPointCloudBox||updateSideViewByCanvas2D(l,a,o,e.selectedPointCloudBox,u)}),i.singleOn("dragMove",({currentPos:a,zoom:l})=>{!e.selectedPointCloudBox||updateSideViewByCanvas2D(a,l,o,e.selectedPointCloudBox,u)}),i.singleOn("updatePolygonByDrag",a=>{if(e.selectedIDs.length===1&&a.length===1){const{newPolygon:l,originPolygon:f}=a[0];c(l,f)}})},[e,o]),React.useEffect(()=>{var i;(i=e==null?void 0:e.sideViewInstance)==null||i.initSize(o)},[o]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","side-view"),title:d("SideView"),toolbar:React__default.default.createElement(PointCloudInfos.SizeInfoForView,{perspectiveView:lbUtils.EPerspectiveView.Left})},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","bottom-view-content")},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","core-instance"),ref:n}),!r&&React__default.default.createElement(index,null)))};var PointCloudSideView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudSideView);module.exports=PointCloudSideView$1;

package/dist/components/pointCloudView/PointCloudTopView.js

@@ -1 +1 @@
-"use strict";var dom=require("../../utils/dom.js"),index$1=require("../../views/MainView/toolFooter/index.js"),index$2=require("../../views/MainView/toolFooter/ZoomController/index.js"),icons=require("@ant-design/icons"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("./PointCloudContext.js"),useRotate=require("./hooks/useRotate.js"),useSingleBox=require("./hooks/useSingleBox.js"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudInfos=require("./PointCloudInfos.js"),usePolygon=require("./hooks/usePolygon.js"),useZoom=require("./hooks/useZoom.js"),antd=require("antd"),map=require("../../store/annotation/map.js"),reactRedux=require("react-redux"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),useSize=require("../../hooks/useSize.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js"),index=require("../../utils/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,o,n)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[o]=n,__spreadValues=(e,o)=>{for(var n in o||(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(e,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(e,n,o[n]);return e},__spreadProps=(e,o)=>__defProps(e,__getOwnPropDescs(o));const{EPolygonPattern}=lbAnnotation.cTool,TransferCanvas2WorldOffset=(e,o,n=1)=>{const{width:c,height:p}=o,g={x:e.x+c*n/2,y:e.y+p*n/2},f={x:o.width/2,y:o.height/2};return{offsetX:(f.x-g.x)/n,offsetY:-(f.y-g.y)/n}},TopViewToolbar=({currentData:e})=>{const{zoom:o,zoomIn:n,zoomOut:c,initialPosition:p}=useZoom.useZoom(),{selectNextBox:g,selectPrevBox:f}=useSingleBox.useSingleBox(),{updateRotate:u}=useRotate.useRotate({currentData:e}),t=2,s=()=>{u(-t)},v=()=>{u(t)},w=()=>{u(180)};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("span",{onClick:v,className:dom.getClassName("point-cloud","rotate-reserve")}),React__default.default.createElement("span",{onClick:s,className:dom.getClassName("point-cloud","rotate")}),React__default.default.createElement("span",{onClick:w,className:dom.getClassName("point-cloud","rotate-180")}),React__default.default.createElement(index$1.FooterDivider,null),React__default.default.createElement(icons.UpSquareOutlined,{onClick:()=>{f()},className:dom.getClassName("point-cloud","prev")}),React__default.default.createElement(icons.DownSquareOutlined,{onClick:()=>{g()},className:dom.getClassName("point-cloud","next")}),React__default.default.createElement(index$1.FooterDivider,null),React__default.default.createElement(index$2.ZoomController,{initialPosition:p,zoomIn:n,zoomOut:c,zoom:o}))},ZAxisSlider=({setZAxisLimit:e,zAxisLimit:o,checkMode:n})=>n?null:React__default.default.createElement("div",{style:{position:"absolute",top:128,right:8,height:"50%",zIndex:20}},React__default.default.createElement(antd.Slider,{vertical:!0,step:.5,max:10,min:.5,defaultValue:o,onAfterChange:c=>{e(c)}})),PointCloudTopView=({currentData:e,imgList:o,stepInfo:n,drawLayerSlot:c,checkMode:p})=>{const[g,f]=React.useState({zoom:1,currentPos:{x:0,y:0}}),u=React.useRef(null),t=React__default.default.useContext(PointCloudContext.PointCloudContext),s=useSize(u),v=index.jsonParser(n.config),{setZoom:w}=useZoom.useZoom(),{addPolygon:_,deletePolygon:b}=usePolygon.usePolygon(),{deletePointCloudBox:E,changeValidByID:q}=useSingleBox.useSingleBox(),[x,j]=React.useState(10),{t:S}=reactI18next.useTranslation(),P=usePointCloudViews.usePointCloudViews();return React.useLayoutEffect(()=>{if(!t.topViewInstance&&u.current&&(e==null?void 0:e.url)&&(e==null?void 0:e.result)){const l={width:u.current.clientWidth,height:u.current.clientHeight},d=new lbAnnotation.PointCloudAnnotation({container:u.current,size:l,pcdPath:e.url,config:v,checkMode:p});t.setTopViewInstance(d)}},[e]),React.useEffect(()=>{if(!s||!t.topViewInstance||!t.sideViewInstance)return;const{pointCloud2dOperation:l}=t.topViewInstance;l.singleOn("polygonCreated",(i,a)=>{if(l.pattern===EPolygonPattern.Normal||!(e==null?void 0:e.url)){const m=__spreadProps(__spreadValues({},i),{pointList:i.pointList.map(r=>lbUtils.PointCloudUtils.transferCanvas2World(r,s))});_(m),t.setSelectedIDs(i.id);return}P.topViewAddBox({newPolygon:i,size:s,imgList:o,trackConfigurable:v.trackConfigurable,zoom:a})}),l.singleOn("deletedObject",({id:i})=>{E(i),b(i)}),l.singleOn("deleteSelectedIDs",()=>{t.setSelectedIDs([])}),l.singleOn("addSelectedIDs",i=>{t.addSelectedID(i)}),l.singleOn("setSelectedIDs",i=>{t.setSelectedIDs(i)}),l.singleOn("updatePolygonByDrag",({newPolygon:i})=>{var a;(a=P.topViewUpdateBox)==null||a.call(P,i,s)});const d=i=>{var a;const m=q(i);m&&t.syncAllViewPointCloudColor(m),t.polygonList.find(r=>r.id===i)&&((a=t.topViewInstance)==null||a.pointCloud2dOperation.setPolygonValidAndRender(i,!0))};return l.on("validUpdate",d),()=>{l.unbind("validUpdate",d)}},[t,s,e,P,t.polygonList]),React.useEffect(()=>{var l,d;if(!(s==null?void 0:s.width)||!t.topViewInstance)return;const i=(d=(l=v==null?void 0:v.attributeList)==null?void 0:l[0])==null?void 0:d.value;i&&t.topViewInstance.pointCloud2dOperation.setDefaultAttribute(i),t.topViewInstance.initSize(s),t.topViewInstance.updatePolygonList(t.pointCloudBoxList,t.polygonList);const{topViewInstance:{pointCloudInstance:a,pointCloud2dOperation:m}}=t;m.singleOn("renderZoom",(r,C)=>{const{offsetX:y,offsetY:V}=TransferCanvas2WorldOffset(C,s,r);if(a.camera.zoom=r,C){const{x:I,y:O,z:h}=a.initCameraPosition;a.camera.position.set(I+V,O-y,h)}a.camera.updateProjectionMatrix(),a.render(),w(r),f({zoom:r,currentPos:C})}),m.singleOn("dragMove",({currentPos:r,zoom:C})=>{const{offsetX:y,offsetY:V}=TransferCanvas2WorldOffset(r,s,C);a.camera.zoom=C;const{x:I,y:O,z:h}=a.initCameraPosition;a.camera.position.set(I+V,O-y,h),a.render(),f({zoom:C,currentPos:r})})},[s,t.topViewInstance]),React.useEffect(()=>{var l,d;(d=(l=t.topViewInstance)==null?void 0:l.pointCloudInstance)==null||d.applyZAxisPoints(x)},[x]),React.useEffect(()=>{P.topViewSelectedChanged()},[t.selectedIDs]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","top-view"),title:S("TopView"),toolbar:React__default.default.createElement(TopViewToolbar,{currentData:e})},React__default.default.createElement("div",{style:{position:"relative",flex:1}},React__default.default.createElement("div",{style:{width:"100%",height:"100%"},ref:u},c==null?void 0:c(g)),React__default.default.createElement(PointCloudInfos.BoxInfos,{checkMode:p,config:v}),React__default.default.createElement(ZAxisSlider,{checkMode:p,zAxisLimit:x,setZAxisLimit:j}),React__default.default.createElement(PointCloudInfos.PointCloudValidity,null)))};var PointCloudTopView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudTopView);module.exports=PointCloudTopView$1;
+"use strict";var dom=require("../../utils/dom.js"),index$1=require("../../views/MainView/toolFooter/index.js"),index$2=require("../../views/MainView/toolFooter/ZoomController/index.js"),icons=require("@ant-design/icons"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("./PointCloudContext.js"),useRotate=require("./hooks/useRotate.js"),useSingleBox=require("./hooks/useSingleBox.js"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudInfos=require("./PointCloudInfos.js"),usePolygon=require("./hooks/usePolygon.js"),useZoom=require("./hooks/useZoom.js"),antd=require("antd"),map=require("../../store/annotation/map.js"),reactRedux=require("react-redux"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),useSize=require("../../hooks/useSize.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js"),index=require("../../utils/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,o,n)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[o]=n,__spreadValues=(e,o)=>{for(var n in o||(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(e,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(e,n,o[n]);return e},__spreadProps=(e,o)=>__defProps(e,__getOwnPropDescs(o));const{EPolygonPattern}=lbAnnotation.cTool,TransferCanvas2WorldOffset=(e,o,n=1)=>{const{width:c,height:p}=o,g={x:e.x+c*n/2,y:e.y+p*n/2},f={x:o.width/2,y:o.height/2};return{offsetX:(f.x-g.x)/n,offsetY:-(f.y-g.y)/n}},TopViewToolbar=({currentData:e})=>{const{zoom:o,zoomIn:n,zoomOut:c,initialPosition:p}=useZoom.useZoom(),{selectNextBox:g,selectPrevBox:f}=useSingleBox.useSingleBox(),{updateRotate:u}=useRotate.useRotate({currentData:e}),t=2,s=()=>{u(-t)},v=()=>{u(t)},w=()=>{u(180)};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("span",{onClick:v,className:dom.getClassName("point-cloud","rotate-reserve")}),React__default.default.createElement("span",{onClick:s,className:dom.getClassName("point-cloud","rotate")}),React__default.default.createElement("span",{onClick:w,className:dom.getClassName("point-cloud","rotate-180")}),React__default.default.createElement(index$1.FooterDivider,null),React__default.default.createElement(icons.UpSquareOutlined,{onClick:()=>{f()},className:dom.getClassName("point-cloud","prev")}),React__default.default.createElement(icons.DownSquareOutlined,{onClick:()=>{g()},className:dom.getClassName("point-cloud","next")}),React__default.default.createElement(index$1.FooterDivider,null),React__default.default.createElement(index$2.ZoomController,{initialPosition:p,zoomIn:n,zoomOut:c,zoom:o}))},ZAxisSlider=({setZAxisLimit:e,zAxisLimit:o,checkMode:n})=>n?null:React__default.default.createElement("div",{style:{position:"absolute",top:128,right:8,height:"50%",zIndex:20}},React__default.default.createElement(antd.Slider,{vertical:!0,step:.5,max:10,min:.5,defaultValue:o,onAfterChange:c=>{e(c)}})),PointCloudTopView=({currentData:e,imgList:o,stepInfo:n,drawLayerSlot:c,checkMode:p})=>{const[g,f]=React.useState({zoom:1,currentPos:{x:0,y:0}}),u=React.useRef(null),t=React__default.default.useContext(PointCloudContext.PointCloudContext),s=useSize(u),v=index.jsonParser(n.config),{setZoom:w}=useZoom.useZoom(),{hideAttributes:b}=t,{addPolygon:_,deletePolygon:E}=usePolygon.usePolygon(),{deletePointCloudBox:q,changeValidByID:j}=useSingleBox.useSingleBox(),[x,S]=React.useState(10),{t:A}=reactI18next.useTranslation(),P=usePointCloudViews.usePointCloudViews();return React.useLayoutEffect(()=>{if(!t.topViewInstance&&u.current&&(e==null?void 0:e.url)&&(e==null?void 0:e.result)){const l={width:u.current.clientWidth,height:u.current.clientHeight},d=new lbAnnotation.PointCloudAnnotation({container:u.current,size:l,pcdPath:e.url,config:v,checkMode:p});t.setTopViewInstance(d)}},[e]),React.useEffect(()=>{if(!s||!t.topViewInstance||!t.sideViewInstance)return;const{pointCloud2dOperation:l}=t.topViewInstance;l.singleOn("polygonCreated",(i,a)=>{if(l.pattern===EPolygonPattern.Normal||!(e==null?void 0:e.url)){const m=__spreadProps(__spreadValues({},i),{pointList:i.pointList.map(r=>lbUtils.PointCloudUtils.transferCanvas2World(r,s))});_(m),t.setSelectedIDs(b.includes(i.attribute)?"":i.id);return}P.topViewAddBox({newPolygon:i,size:s,imgList:o,trackConfigurable:v.trackConfigurable,zoom:a})}),l.singleOn("deletedObject",({id:i})=>{q(i),E(i)}),l.singleOn("deleteSelectedIDs",()=>{t.setSelectedIDs([])}),l.singleOn("addSelectedIDs",i=>{t.addSelectedID(i)}),l.singleOn("setSelectedIDs",i=>{t.setSelectedIDs(i)}),l.singleOn("updatePolygonByDrag",i=>{var a;(a=P.topViewUpdateBox)==null||a.call(P,i,s)});const d=i=>{var a;const m=j(i);m&&t.syncAllViewPointCloudColor(m),t.polygonList.find(r=>r.id===i)&&((a=t.topViewInstance)==null||a.pointCloud2dOperation.setPolygonValidAndRender(i,!0))};return l.on("validUpdate",d),()=>{l.unbind("validUpdate",d)}},[t,s,e,P,t.polygonList]),React.useEffect(()=>{var l,d;if(!(s==null?void 0:s.width)||!t.topViewInstance)return;const i=(d=(l=v==null?void 0:v.attributeList)==null?void 0:l[0])==null?void 0:d.value;i&&t.topViewInstance.pointCloud2dOperation.setDefaultAttribute(i),t.topViewInstance.initSize(s),t.topViewInstance.updatePolygonList(t.displayPointCloudList,t.polygonList);const{topViewInstance:{pointCloudInstance:a,pointCloud2dOperation:m}}=t;m.singleOn("renderZoom",(r,C)=>{const{offsetX:y,offsetY:V}=TransferCanvas2WorldOffset(C,s,r);if(a.camera.zoom=r,C){const{x:I,y:O,z:h}=a.initCameraPosition;a.camera.position.set(I+V,O-y,h)}a.camera.updateProjectionMatrix(),a.render(),w(r),f({zoom:r,currentPos:C})}),m.singleOn("dragMove",({currentPos:r,zoom:C})=>{const{offsetX:y,offsetY:V}=TransferCanvas2WorldOffset(r,s,C);a.camera.zoom=C;const{x:I,y:O,z:h}=a.initCameraPosition;a.camera.position.set(I+V,O-y,h),a.render(),f({zoom:C,currentPos:r})})},[s,t.topViewInstance]),React.useEffect(()=>{var l,d;(d=(l=t.topViewInstance)==null?void 0:l.pointCloudInstance)==null||d.applyZAxisPoints(x)},[x]),React.useEffect(()=>{P.topViewSelectedChanged()},[t.selectedIDs]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","top-view"),title:A("TopView"),toolbar:React__default.default.createElement(TopViewToolbar,{currentData:e})},React__default.default.createElement("div",{style:{position:"relative",flex:1}},React__default.default.createElement("div",{style:{width:"100%",height:"100%"},ref:u},c==null?void 0:c(g)),React__default.default.createElement(PointCloudInfos.BoxInfos,{checkMode:p,config:v}),React__default.default.createElement(ZAxisSlider,{checkMode:p,zAxisLimit:x,setZAxisLimit:S}),React__default.default.createElement(PointCloudInfos.PointCloudValidity,null)))};var PointCloudTopView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudTopView);module.exports=PointCloudTopView$1;

package/dist/components/pointCloudView/hooks/useBoxes.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),_=require("lodash"),antd=require("antd"),usePointCloudViews=require("./usePointCloudViews.js"),PointCloudContext=require("../PointCloudContext.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var ___default=_interopDefaultLegacy(_);const useBoxes=({config:t})=>{const{selectedIDs:l,pointCloudBoxList:o,setPointCloudResult:C,syncAllViewPointCloudColor:p}=React.useContext(PointCloudContext.PointCloudContext),[s,a]=React.useState([]),{pointCloudBoxListUpdated:c}=usePointCloudViews.usePointCloudViews(),{t:r,i18n:d}=reactI18next.useTranslation(),f=n=>t.trackConfigurable!==!0?!1:o.some(u=>n.some(e=>e.trackID===u.trackID)),i=React.useMemo(()=>o.filter(n=>l.includes(n.id)),[l,o]),x=React.useCallback(()=>{i.length>0?a(___default.default.cloneDeep(i)):(a([]),antd.message.error(r("CopyEmptyInPointCloud")))},[l,o,d.language]),D=React.useCallback(()=>{if(s.length===0){antd.message.error(r("PasteEmptyInPointCloud"));return}const n=f(s),u=e=>{C(e),c==null||c(e),a([]),p(e)};if(n)antd.Modal.confirm({title:r("HasDuplicateIDHeader"),content:r("HasDuplicateIDMsg"),onOk:()=>{const e=o.filter(P=>!s.find(g=>g.trackID===P.trackID)).concat(s);u(e)}});else{const e=[...o,...s];u(e)}},[s,o,d.language]);return{copySelectedBoxes:x,pasteSelectedBoxes:D,copiedBoxes:s,selectedBoxes:i}};exports.useBoxes=useBoxes;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),_=require("lodash"),antd=require("antd"),usePointCloudViews=require("./usePointCloudViews.js"),PointCloudContext=require("../PointCloudContext.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var ___default=_interopDefaultLegacy(_);const useBoxes=({config:t})=>{const{selectedIDs:l,pointCloudBoxList:c,displayPointCloudList:s,setPointCloudResult:p,syncAllViewPointCloudColor:f}=React.useContext(PointCloudContext.PointCloudContext),[o,a]=React.useState([]),{pointCloudBoxListUpdated:d}=usePointCloudViews.usePointCloudViews(),{t:r,i18n:C}=reactI18next.useTranslation(),x=n=>t.trackConfigurable!==!0?!1:c.some(u=>n.some(e=>e.trackID===u.trackID)),i=React.useMemo(()=>s.filter(n=>l.includes(n.id)),[l,s]),D=React.useCallback(()=>{i.length>0?a(___default.default.cloneDeep(i)):(a([]),antd.message.error(r("CopyEmptyInPointCloud")))},[l,s,C.language]),P=React.useCallback(()=>{if(o.length===0){antd.message.error(r("PasteEmptyInPointCloud"));return}const n=x(o),u=e=>{p(e),d==null||d(e),a([]),f(e)};if(n)antd.Modal.confirm({title:r("HasDuplicateIDHeader"),content:r("HasDuplicateIDMsg"),onOk:()=>{const e=c.filter(g=>!o.find(I=>I.trackID===g.trackID)).concat(o);u(e)}});else{const e=[...s,...o];u(e)}},[o,s,C.language]);return{copySelectedBoxes:D,pasteSelectedBoxes:P,copiedBoxes:o,selectedBoxes:i}};exports.useBoxes=useBoxes;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("../PointCloudContext.js"),useSingleBox=require("./useSingleBox.js"),_=require("lodash"),ctx=require("../../../store/ctx.js"),StepUtils=require("../../../utils/StepUtils.js"),index=require("../../../utils/index.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),antd=require("antd"),reactI18next=require("react-i18next"),useHistory=require("./useHistory.js"),usePolygon=require("./usePolygon.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var ___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,o,n)=>o in t?__defProp(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,__spreadValues=(t,o)=>{for(var n in o||(o={}))__hasOwnProp.call(o,n)&&__defNormalProp(t,n,o[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(o))__propIsEnum.call(o,n)&&__defNormalProp(t,n,o[n]);return t},__spreadProps=(t,o)=>__defProps(t,__getOwnPropDescs(o)),__async=(t,o,n)=>new Promise((a,e)=>{var s=r=>{try{c(n.next(r))}catch(P){e(P)}},g=r=>{try{c(n.throw(r))}catch(P){e(P)}},c=r=>r.done?a(r.value):Promise.resolve(r.value).then(s,g);c((n=n.apply(t,o)).next())});const DEFAULT_SCOPE=5,DEFAULT_RADIUS=90,PointCloudView={"3D":"3D",Top:"Top",Side:"Side",Back:"Back"},transferCanvas2World=(t,o)=>{const{width:n,height:a}=o,{x:e,y:s}=t;return{x:-s+a/2,y:-(e-n/2)}},topViewPolygon2PointCloud=(t,o,n,a,e)=>{const[s,g,c,r]=t.pointList.map(v=>transferCanvas2World(v,o)),P=lbAnnotation.MathUtils.getLineCenterPoint([s,c]),f=lbAnnotation.MathUtils.getLineLength(s,g),L=lbAnnotation.MathUtils.getLineLength(g,c),O=lbAnnotation.MathUtils.getRadiusFromQuadrangle(t.pointList);let B=0,h=1,C={};if(n){const v=n.getSensesPointZAxisInPolygon([s,g,c,r]);B=(v.maxZ+v.minZ)/2,h=v.maxZ-v.minZ,C={count:v.zCount}}a&&(B=a.center.z,h=a.depth);const b={center:{x:P.x,y:P.y,z:B},width:L,height:f,depth:h,rotation:O,id:t.id},w=__spreadValues(a?__spreadValues(__spreadValues({},a),b):__spreadProps(__spreadValues({},b),{attribute:"",valid:!0}),C);return e&&Object.assign(w,e),w},sideViewPolygon2PointCloud=(t,o,n,a)=>{const[e,s,g]=t.pointList,[c,r,P]=o.pointList,f=lbAnnotation.MathUtils.getLineCenterPoint([e,g]),L=lbAnnotation.MathUtils.getLineCenterPoint([c,P]),B={x:{x:f.x-L.x,y:f.y-L.y}.x,y:0,z:f.y-L.y},h=lbAnnotation.MathUtils.getLineLength(e,s),C=lbAnnotation.MathUtils.getLineLength(c,r),b=h-C,w=lbAnnotation.MathUtils.getLineLength(s,g),v=lbAnnotation.MathUtils.getLineLength(r,P),U=w-v,{newBoxParams:S}=a.getNewBoxBySideUpdate(B,U,b,n);return S},backViewPolygon2PointCloud=(t,o,n,a)=>{const[e,s,g]=t.pointList,[c,r,P]=o.pointList,f=lbAnnotation.MathUtils.getLineCenterPoint([e,g]),L=lbAnnotation.MathUtils.getLineCenterPoint([c,P]),B={x:{x:f.x-L.x,y:f.y-L.y}.x,y:0,z:f.y-L.y},h=lbAnnotation.MathUtils.getLineLength(e,s),C=lbAnnotation.MathUtils.getLineLength(c,r),b=h-C,w=lbAnnotation.MathUtils.getLineLength(s,g),v=lbAnnotation.MathUtils.getLineLength(r,P),U=w-v;let{newBoxParams:S}=a.getNewBoxByBackUpdate(B,U,b,n);return S},synchronizeSideView=(t,o,n,a)=>{if(!n)return;const{pointCloud2dOperation:e,pointCloudInstance:s}=n;s.loadPCDFileByBox(a,t,{width:DEFAULT_SCOPE,depth:DEFAULT_SCOPE});const{cameraPositionVector:g}=s.updateOrthoCamera(t,lbUtils.EPerspectiveView.Left);s.setInitCameraPosition(g);const{polygon2d:c,zoom:r}=s.getBoxSidePolygon2DCoordinate(t);s.camera.zoom=r,s.camera.updateProjectionMatrix(),s.render(),e.initPosition(),e.zoomChangeOnCenter(r),e.setResultAndSelectedID([{id:o.id,valid:t.valid,pointList:c,textAttribute:"",isRect:!0,attribute:t.attribute}],o.id)},synchronizeBackView=(t,o,n,a)=>{if(!n)return;const{pointCloud2dOperation:e,pointCloudInstance:s}=n;s.loadPCDFileByBox(a,t,{height:DEFAULT_SCOPE,depth:DEFAULT_SCOPE});const{cameraPositionVector:g}=s.updateOrthoCamera(t,lbUtils.EPerspectiveView.Back);s.setInitCameraPosition(g);const{polygon2d:c,zoom:r}=s.getBoxBackPolygon2DCoordinate(t);s.camera.zoom=r,s.camera.updateProjectionMatrix(),s.render(),e.initPosition(),e.zoomChangeOnCenter(r),e.setResultAndSelectedID([{id:o.id,valid:t.valid,pointList:c,textAttribute:"",isRect:!0,attribute:t.attribute}],o.id)},synchronizeTopView=(t,o,n,a)=>{var e;if(!n||!a)return;a.generateBox(t,o.id),a.updateCameraByBox(t,lbUtils.EPerspectiveView.Top),a.render();const{pointCloud2dOperation:s,pointCloudInstance:g}=n,{polygon2d:c}=g.getBoxTopPolygon2DCoordinate(t),r=[...s.polygonList],P=r.find(f=>f.id===o.id);P?P.pointList=c:r.push({id:o.id,pointList:c,textAttribute:"",isRect:!0,valid:(e=t.valid)!=null?e:!0}),s.setResultAndSelectedID(r,o.id)},usePointCloudViews=()=>{const t=React.useContext(PointCloudContext.PointCloudContext),{topViewInstance:o,sideViewInstance:n,backViewInstance:a,mainViewInstance:e,addPointCloudBox:s,setSelectedIDs:g,selectedIDs:c,pointCloudBoxList:r}=t,{addHistory:P,initHistory:f,pushHistoryUnderUpdatePolygon:L}=useHistory.useHistory(),{selectedPolygon:O}=usePolygon.usePolygon(),{updateSelectedBox:B}=useSingleBox.useSingleBox(),{currentData:h,config:C}=ctx.useSelector(i=>{const{stepList:l,step:p,imgList:u,imgIndex:d}=i.annotation;return{currentData:u[d],config:index.jsonParser(StepUtils.getCurrentStepInfo(p,l).config)}}),b=ctx.useDispatch(),{selectedBox:w}=useSingleBox.useSingleBox(),{t:v}=reactI18next.useTranslation(),U=w==null?void 0:w.info;if(!o||!n||!a)return{topViewAddBox:()=>{},topViewSelectedChanged:()=>{},sideViewUpdateBox:()=>{}};const{pointCloudInstance:S}=o,k=i=>{e==null||e.generateBox(i),e==null||e.controls.update(),e==null||e.render()},A=({newPolygon:i,size:l,imgList:p,trackConfigurable:u,zoom:d})=>{var y;const x={attribute:(y=o.pointCloud2dOperation.defaultAttribute)!=null?y:""};u===!0&&Object.assign(x,{trackID:lbUtils.PointCloudUtils.getNextTrackID({imgList:[],extraBoxList:r})});const m=topViewPolygon2PointCloud(i,l,S,void 0,x),I=o==null?void 0:o.pointCloud2dOperation,D=m;if((C==null?void 0:C.lowerLimitPointsNumInBox)&&typeof m.count=="number"&&m.count<C.lowerLimitPointsNumInBox){antd.message.info(v("LowerLimitPointsNumInBox",{num:C.lowerLimitPointsNumInBox})),I.deletePolygon(m.id);return}I.setSelectedIDs([i.id]),g(D.id);const R=s(D);V(PointCloudView.Top,i,D,d,R),P({newBoxParams:D})},M=(i,l)=>{const p=i!=null?i:w==null?void 0:w.info,u=o==null?void 0:o.pointCloud2dOperation;if(u.setSelectedIDs(c),!p||!u)return;const d=u.selectedPolygon;V(PointCloudView.Top,d,p,void 0,l)},j=(i,l,p)=>{if(U){let u,d;switch(p){case PointCloudView.Back:u=backViewPolygon2PointCloud;break;case PointCloudView.Side:u=sideViewPolygon2PointCloud;break;default:u=sideViewPolygon2PointCloud;break}if(d=u(i,l,U,n.pointCloudInstance),e){const{count:x}=e.getSensesPointZAxisInPolygon(lbAnnotation.getCuboidFromPointCloudBox(d).polygonPointList,[d.center.z-d.depth/2,d.center.z+d.depth/2]);d=__spreadProps(__spreadValues({},d),{count:x})}const y=B(d);return V(p,i,d,void 0,y),y}},T=(i,l)=>{j(i,l,PointCloudView.Side)},z=(i,l)=>{j(i,l,PointCloudView.Back)},q=(i,l)=>{if(O){const p=__spreadProps(__spreadValues({},i),{pointList:i.pointList.map(u=>lbUtils.PointCloudUtils.transferCanvas2World(u,l))});L(p);return}if(U){const p=topViewPolygon2PointCloud(i,l,o.pointCloudInstance,U);Object.assign(U,___default.default.pickBy(p,(d,y)=>["width","height","x","y"]));const u=B(p);V(PointCloudView.Top,i,U,void 0,u)}},V=(i,l,p,u,d)=>__async(void 0,null,function*(){const y=h==null?void 0:h.url;d&&(yield t.syncAllViewPointCloudColor(d));const x={[PointCloudView.Side]:()=>{synchronizeSideView(p,l,n,y)},[PointCloudView.Back]:()=>{a&&synchronizeBackView(p,l,a,y)},[PointCloudView.Top]:()=>{synchronizeTopView(p,l,o,e)}};Object.keys(x).forEach(m=>{m!==i&&x[m]()}),u&&(e==null||e.updateCameraZoom(u)),k(p)});return{topViewAddBox:A,topViewSelectedChanged:M,topViewUpdateBox:q,sideViewUpdateBox:T,backViewUpdateBox:z,pointCloudBoxListUpdated:i=>{o.updatePolygonList(i),e==null||e.generateBoxes(i)},initPointCloud3d:i=>{if(!e)return;const l={left:-i.width/2,right:i.width/2,top:i.height/2,bottom:-i.height/2,near:100,far:-100};e.initOrthographicCamera(l),e.initRenderer(),e.render()},updatePointCloudData:()=>__async(void 0,null,function*(){var i,l,p,u,d,y;if(!(h==null?void 0:h.url)||!e)return;actionCreators.SetPointCloudLoading(b,!0),yield e.loadPCDFile(h.url,(i=C==null?void 0:C.radius)!=null?i:DEFAULT_RADIUS),r.forEach(D=>{e==null||e.removeObjectByName(D.id)});let x=[],m=[];h.result?(x=lbUtils.PointCloudUtils.getBoxParamsFromResultList(h.result),m=lbUtils.PointCloudUtils.getPolygonListFromResultList(h.result),x.forEach(D=>{e==null||e.generateBox(D)}),t.syncAllViewPointCloudColor(x),t.setPointCloudResult(x),t.setPolygonList(m)):(t.setPointCloudResult([]),t.setPolygonList([])),f({pointCloudBoxList:x,polygonList:m}),e.updateTopCamera();const I=(p=(l=index.jsonParser(h.result))==null?void 0:l.valid)!=null?p:!0;t.setPointCloudValid(I),(u=t.sideViewInstance)==null||u.clearAllData(),(d=t.backViewInstance)==null||d.clearAllData(),o.updateData(h.url,h.result,{radius:(y=C==null?void 0:C.radius)!=null?y:DEFAULT_RADIUS}),actionCreators.SetPointCloudLoading(b,!1)})}};exports.synchronizeBackView=synchronizeBackView,exports.synchronizeSideView=synchronizeSideView,exports.synchronizeTopView=synchronizeTopView,exports.topViewPolygon2PointCloud=topViewPolygon2PointCloud,exports.transferCanvas2World=transferCanvas2World,exports.usePointCloudViews=usePointCloudViews;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("../PointCloudContext.js"),useSingleBox=require("./useSingleBox.js"),ctx=require("../../../store/ctx.js"),StepUtils=require("../../../utils/StepUtils.js"),index=require("../../../utils/index.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),antd=require("antd"),reactI18next=require("react-i18next"),useHistory=require("./useHistory.js"),usePolygon=require("./usePolygon.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,o,i)=>o in t?__defProp(t,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[o]=i,__spreadValues=(t,o)=>{for(var i in o||(o={}))__hasOwnProp.call(o,i)&&__defNormalProp(t,i,o[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(o))__propIsEnum.call(o,i)&&__defNormalProp(t,i,o[i]);return t},__spreadProps=(t,o)=>__defProps(t,__getOwnPropDescs(o)),__async=(t,o,i)=>new Promise((d,e)=>{var s=l=>{try{c(i.next(l))}catch(h){e(h)}},g=l=>{try{c(i.throw(l))}catch(h){e(h)}},c=l=>l.done?d(l.value):Promise.resolve(l.value).then(s,g);c((i=i.apply(t,o)).next())});const DEFAULT_SCOPE=5,DEFAULT_RADIUS=90,PointCloudView={"3D":"3D",Top:"Top",Side:"Side",Back:"Back"},topViewPolygon2PointCloud=(t,o,i,d,e)=>{const[s,g,c,l]=t.pointList.map(P=>lbUtils.PointCloudUtils.transferCanvas2World(P,o)),h=lbAnnotation.MathUtils.getLineCenterPoint([s,c]),f=lbAnnotation.MathUtils.getLineLength(s,g),v=lbAnnotation.MathUtils.getLineLength(g,c),V=lbAnnotation.MathUtils.getRadiusFromQuadrangle(t.pointList);let w=0,m=1,B={};if(i){const P=i.getSensesPointZAxisInPolygon([s,g,c,l]);w=(P.maxZ+P.minZ)/2,m=P.maxZ-P.minZ,B={count:P.zCount}}d&&(w=d.center.z,m=d.depth);const U={center:{x:h.x,y:h.y,z:w},width:v,height:f,depth:m,rotation:V,id:t.id},C=__spreadValues(d?__spreadValues(__spreadValues({},d),U):__spreadProps(__spreadValues({},U),{attribute:"",valid:!0}),B);return e&&Object.assign(C,e),C},sideViewPolygon2PointCloud=(t,o,i,d)=>{const[e,s,g]=t.pointList,[c,l,h]=o.pointList,f=lbAnnotation.MathUtils.getLineCenterPoint([e,g]),v=lbAnnotation.MathUtils.getLineCenterPoint([c,h]),w={x:{x:f.x-v.x,y:f.y-v.y}.x,y:0,z:f.y-v.y},m=lbAnnotation.MathUtils.getLineLength(e,s),B=lbAnnotation.MathUtils.getLineLength(c,l),U=m-B,C=lbAnnotation.MathUtils.getLineLength(s,g),P=lbAnnotation.MathUtils.getLineLength(l,h),D=C-P,{newBoxParams:b}=d.getNewBoxBySideUpdate(w,D,U,i);return b},backViewPolygon2PointCloud=(t,o,i,d)=>{const[e,s,g]=t.pointList,[c,l,h]=o.pointList,f=lbAnnotation.MathUtils.getLineCenterPoint([e,g]),v=lbAnnotation.MathUtils.getLineCenterPoint([c,h]),w={x:{x:f.x-v.x,y:f.y-v.y}.x,y:0,z:f.y-v.y},m=lbAnnotation.MathUtils.getLineLength(e,s),B=lbAnnotation.MathUtils.getLineLength(c,l),U=m-B,C=lbAnnotation.MathUtils.getLineLength(s,g),P=lbAnnotation.MathUtils.getLineLength(l,h),D=C-P;let{newBoxParams:b}=d.getNewBoxByBackUpdate(w,D,U,i);return b},synchronizeSideView=(t,o,i,d)=>{if(!i)return;const{pointCloud2dOperation:e,pointCloudInstance:s}=i;s.loadPCDFileByBox(d,t,{width:DEFAULT_SCOPE,depth:DEFAULT_SCOPE});const{cameraPositionVector:g}=s.updateOrthoCamera(t,lbUtils.EPerspectiveView.Left);s.setInitCameraPosition(g);const{polygon2d:c,zoom:l}=s.getBoxSidePolygon2DCoordinate(t);s.camera.zoom=l,s.camera.updateProjectionMatrix(),s.render(),e.initPosition(),e.zoomChangeOnCenter(l),e.setResultAndSelectedID([{id:o.id,valid:t.valid,pointList:c,textAttribute:"",isRect:!0,attribute:t.attribute}],o.id)},synchronizeBackView=(t,o,i,d)=>{if(!i)return;const{pointCloud2dOperation:e,pointCloudInstance:s}=i;s.loadPCDFileByBox(d,t,{height:DEFAULT_SCOPE,depth:DEFAULT_SCOPE});const{cameraPositionVector:g}=s.updateOrthoCamera(t,lbUtils.EPerspectiveView.Back);s.setInitCameraPosition(g);const{polygon2d:c,zoom:l}=s.getBoxBackPolygon2DCoordinate(t);s.camera.zoom=l,s.camera.updateProjectionMatrix(),s.render(),e.initPosition(),e.zoomChangeOnCenter(l),e.setResultAndSelectedID([{id:o.id,valid:t.valid,pointList:c,textAttribute:"",isRect:!0,attribute:t.attribute}],o.id)},synchronizeTopView=(t,o,i,d)=>{var e;if(!i||!d)return;d.generateBox(t,o.id),d.updateCameraByBox(t,lbUtils.EPerspectiveView.Top),d.render();const{pointCloud2dOperation:s,pointCloudInstance:g}=i,{polygon2d:c}=g.getBoxTopPolygon2DCoordinate(t),l=[...s.polygonList],h=l.find(f=>f.id===o.id);h?h.pointList=c:l.push({id:o.id,pointList:c,textAttribute:"",isRect:!0,valid:(e=t.valid)!=null?e:!0}),s.setResultAndSelectedID(l,o.id)},usePointCloudViews=()=>{const t=React.useContext(PointCloudContext.PointCloudContext),{topViewInstance:o,sideViewInstance:i,backViewInstance:d,mainViewInstance:e,addPointCloudBox:s,setSelectedIDs:g,selectedIDs:c,pointCloudBoxList:l,hideAttributes:h}=t,{addHistory:f,initHistory:v,pushHistoryUnderUpdatePolygon:V}=useHistory.useHistory(),{selectedPolygon:w}=usePolygon.usePolygon(),{updateSelectedBox:m,updateSelectedBoxes:B,getPointCloudByID:U}=useSingleBox.useSingleBox(),{currentData:C,config:P}=ctx.useSelector(n=>{const{stepList:u,step:p,imgList:r,imgIndex:a}=n.annotation;return{currentData:r[a],config:index.jsonParser(StepUtils.getCurrentStepInfo(p,u).config)}}),D=ctx.useDispatch(),{selectedBox:b}=useSingleBox.useSingleBox(),{t:A}=reactI18next.useTranslation(),I=b==null?void 0:b.info;if(!o||!i||!d)return{topViewAddBox:()=>{},topViewSelectedChanged:()=>{},sideViewUpdateBox:()=>{},backViewUpdateBox:()=>{}};const{pointCloudInstance:k}=o,M=n=>{e==null||e.generateBox(n),e==null||e.controls.update(),e==null||e.render()},T=({newPolygon:n,size:u,imgList:p,trackConfigurable:r,zoom:a})=>{var y;const x={attribute:(y=o.pointCloud2dOperation.defaultAttribute)!=null?y:""};r===!0&&Object.assign(x,{trackID:lbUtils.PointCloudUtils.getNextTrackID({imgList:[],extraBoxList:l})});const L=topViewPolygon2PointCloud(n,u,k,void 0,x),_=o==null?void 0:o.pointCloud2dOperation,S=L;if((P==null?void 0:P.lowerLimitPointsNumInBox)&&typeof L.count=="number"&&L.count<P.lowerLimitPointsNumInBox){antd.message.info(A("LowerLimitPointsNumInBox",{num:P.lowerLimitPointsNumInBox})),_.deletePolygon(L.id);return}const H=h.includes(n.attribute),F=s(S);H?g([]):(g(S.id),_.setSelectedIDs([n.id]),O(PointCloudView.Top,n,S,a,F)),f({newBoxParams:S})},z=(n,u)=>{const p=n!=null?n:b==null?void 0:b.info,r=o==null?void 0:o.pointCloud2dOperation;if(r.setSelectedIDs(c),c.length===0||!r)return;const a=r.selectedPolygon;if(c.length===1&&p){O(PointCloudView.Top,a,p,void 0,u);return}},j=(n,u,p)=>{if(I){let r,a;switch(p){case PointCloudView.Back:r=backViewPolygon2PointCloud;break;case PointCloudView.Side:r=sideViewPolygon2PointCloud;break;default:r=sideViewPolygon2PointCloud;break}if(a=r(n,u,I,i.pointCloudInstance),e){const{count:x}=e.getSensesPointZAxisInPolygon(lbAnnotation.getCuboidFromPointCloudBox(a).polygonPointList,[a.center.z-a.depth/2,a.center.z+a.depth/2]);a=__spreadProps(__spreadValues({},a),{count:x})}const y=m(a);return O(p,n,a,void 0,y),y}},R=(n,u)=>{j(n,u,PointCloudView.Side)},q=(n,u)=>{j(n,u,PointCloudView.Back)},E=(n,u)=>{if(w){const r=n[0].newPolygon;r.pointList=r.pointList.map(a=>lbUtils.PointCloudUtils.transferCanvas2World(a,u)),V(n[0].newPolygon);return}const p=n.map(({newPolygon:r})=>{const a=U(r.id);return topViewPolygon2PointCloud(r,u,o.pointCloudInstance,a)});if(p.length===1){const{newPolygon:r}=n[0],a=B(p);O(PointCloudView.Top,r,p[0],void 0,a)}else{const r=B(p);r&&t.syncAllViewPointCloudColor(r)}},O=(n,u,p,r,a)=>__async(void 0,null,function*(){const y=C==null?void 0:C.url;a&&(yield t.syncAllViewPointCloudColor(a));const x={[PointCloudView.Side]:()=>{synchronizeSideView(p,u,i,y)},[PointCloudView.Back]:()=>{d&&synchronizeBackView(p,u,d,y)},[PointCloudView.Top]:()=>{synchronizeTopView(p,u,o,e)}};Object.keys(x).forEach(L=>{L!==n&&x[L]()}),r&&(e==null||e.updateCameraZoom(r)),M(p)});return{topViewAddBox:T,topViewSelectedChanged:z,topViewUpdateBox:E,sideViewUpdateBox:R,backViewUpdateBox:q,pointCloudBoxListUpdated:n=>{o.updatePolygonList(n),e==null||e.generateBoxes(n)},initPointCloud3d:n=>{if(!e)return;const u={left:-n.width/2,right:n.width/2,top:n.height/2,bottom:-n.height/2,near:100,far:-100};e.initOrthographicCamera(u),e.initRenderer(),e.render()},updatePointCloudData:()=>__async(void 0,null,function*(){var n,u,p,r,a,y;if(!(C==null?void 0:C.url)||!e)return;actionCreators.SetPointCloudLoading(D,!0),yield e.loadPCDFile(C.url,(n=P==null?void 0:P.radius)!=null?n:DEFAULT_RADIUS),l.forEach(S=>{e==null||e.removeObjectByName(S.id)});let x=[],L=[];C.result?(x=lbUtils.PointCloudUtils.getBoxParamsFromResultList(C.result),L=lbUtils.PointCloudUtils.getPolygonListFromResultList(C.result),x.forEach(S=>{e==null||e.generateBox(S)}),t.syncAllViewPointCloudColor(x),t.setPointCloudResult(x),t.setPolygonList(L)):(t.setPointCloudResult([]),t.setPolygonList([])),v({pointCloudBoxList:x,polygonList:L}),e.updateTopCamera();const _=(p=(u=index.jsonParser(C.result))==null?void 0:u.valid)!=null?p:!0;t.setPointCloudValid(_),(r=t.sideViewInstance)==null||r.clearAllData(),(a=t.backViewInstance)==null||a.clearAllData(),o.updateData(C.url,C.result,{radius:(y=P==null?void 0:P.radius)!=null?y:DEFAULT_RADIUS}),actionCreators.SetPointCloudLoading(D,!1)})}};exports.synchronizeBackView=synchronizeBackView,exports.synchronizeSideView=synchronizeSideView,exports.synchronizeTopView=synchronizeTopView,exports.topViewPolygon2PointCloud=topViewPolygon2PointCloud,exports.usePointCloudViews=usePointCloudViews;

package/dist/components/pointCloudView/hooks/useSingleBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),_=require("lodash"),PointCloudContext=require("../PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),useHistory=require("./useHistory.js"),usePolygon=require("./usePolygon.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,n,o)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,__spreadValues=(e,n)=>{for(var o in n||(n={}))__hasOwnProp.call(n,o)&&__defNormalProp(e,o,n[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(n))__propIsEnum.call(n,o)&&__defNormalProp(e,o,n[o]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const{ESortDirection}=lbAnnotation.cAnnotation,useSingleBox=()=>{const{pointCloudBoxList:e,setPointCloudResult:n,topViewInstance:o,backViewInstance:c,sideViewInstance:p,selectedIDs:C,selectedID:f,mainViewInstance:u,setSelectedIDs:g,syncAllViewPointCloudColor:P,polygonList:b}=React.useContext(PointCloudContext.PointCloudContext),{selectedPolygon:d,updateSelectedPolygon:w,updatePolygonValidByID:B,deletePolygon:O}=usePolygon.usePolygon(),{pushHistoryWithList:I}=useHistory.useHistory(),r=React.useMemo(()=>{const t=e.findIndex(l=>l.id===f);if(t>-1)return{info:e[t],index:t}},[f,e]),y=React.useCallback(t=>{if(r==null?void 0:r.info){e.splice(r.index,1,___default.default.merge(r.info,t));const l=___default.default.cloneDeep(e);return n(l),I({pointCloudBoxList:l}),l}return e},[f,e]),V=React.useCallback((t,l)=>{const i=e.findIndex(s=>s.id===l);if(i>-1){e.splice(i,1,___default.default.merge(e[i],t));const s=___default.default.cloneDeep(e);return n(s),s}return e},[e]),a=React.useCallback(t=>{o==null||o.pointCloud2dOperation.setPolygonValidAndRender(t,!0),p==null||p.pointCloud2dOperation.setPolygonValidAndRender(t,!0),c==null||c.pointCloud2dOperation.setPolygonValidAndRender(t,!0)},[o,p,c]),D=React.useCallback(()=>{if(r==null?void 0:r.info){const{id:t,valid:l=!0}=r.info,i=y({valid:!l});P(i),a(t)}d&&(w(__spreadProps(__spreadValues({},d),{valid:!d.valid})),o==null||o.pointCloud2dOperation.setPolygonValidAndRender(d.id,!0))},[a,r,d]),m=React.useCallback(t=>{const l=e.find(i=>i.id===t);if(l){const{id:i,valid:s=!0}=l,h=V({valid:!s},i);return a(i),h}B(t)},[a,e,b]),v=React.useCallback((t=ESortDirection.ascend)=>{if(!o||C.length>1)return;const{pointCloud2dOperation:l}=o,i=l.switchToNextPolygon(t);i&&g(i)},[o]),S=()=>{v(ESortDirection.descend)},x=t=>{const l=e.filter(i=>i.id!==t);n(l),u==null||u.removeObjectByName(t),u==null||u.render(),P(l)};return{selectedBox:r,updateSelectedBox:y,changeSelectedBoxValid:D,changeValidByID:m,selectNextBox:v,selectPrevBox:S,deletePointCloudBox:x,deleteSelectedPointCloudBoxAndPolygon:()=>{r&&(x(r.info.id),o==null||o.pointCloud2dOperation.deletePolygon(r.info.id)),d&&(O(d.id),o==null||o.pointCloud2dOperation.deletePolygon(d.id))}}};exports.useSingleBox=useSingleBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),_=require("lodash"),PointCloudContext=require("../PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),useHistory=require("./useHistory.js"),usePolygon=require("./usePolygon.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,l,n)=>l in e?__defProp(e,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[l]=n,__spreadValues=(e,l)=>{for(var n in l||(l={}))__hasOwnProp.call(l,n)&&__defNormalProp(e,n,l[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(l))__propIsEnum.call(l,n)&&__defNormalProp(e,n,l[n]);return e},__spreadProps=(e,l)=>__defProps(e,__getOwnPropDescs(l));const{ESortDirection}=lbAnnotation.cAnnotation,useSingleBox=()=>{const{pointCloudBoxList:e,setPointCloudResult:l,topViewInstance:n,backViewInstance:P,sideViewInstance:x,selectedIDs:c,selectedID:v,mainViewInstance:s,setSelectedIDs:w,syncAllViewPointCloudColor:y,polygonList:O}=React.useContext(PointCloudContext.PointCloudContext),{selectedPolygon:u,updateSelectedPolygon:I,updatePolygonValidByID:m,deletePolygon:D}=usePolygon.usePolygon(),{pushHistoryWithList:C}=useHistory.useHistory(),d=React.useMemo(()=>{const o=e.findIndex(t=>t.id===v);if(o>-1)return{info:e[o],index:o}},[v,e]),g=React.useCallback(o=>{if(d==null?void 0:d.info){e.splice(d.index,1,___default.default.merge(d.info,o));const t=___default.default.cloneDeep(e);return l(t),C({pointCloudBoxList:t}),t}return e},[v,e]),V=React.useCallback((o,t)=>{const i=e.findIndex(r=>r.id===t);if(i>-1){e.splice(i,1,___default.default.merge(e[i],o));const r=___default.default.cloneDeep(e);return l(r),r}return e},[e]),p=React.useCallback(o=>{n==null||n.pointCloud2dOperation.setPolygonValidAndRender(o,!0),x==null||x.pointCloud2dOperation.setPolygonValidAndRender(o,!0),P==null||P.pointCloud2dOperation.setPolygonValidAndRender(o,!0)},[n,x,P]),h=React.useCallback(()=>{if(d==null?void 0:d.info){const{id:o,valid:t=!0}=d.info,i=g({valid:!t});y(i),p(o)}u&&(I(__spreadProps(__spreadValues({},u),{valid:!u.valid})),n==null||n.pointCloud2dOperation.setPolygonValidAndRender(u.id,!0))},[p,d,u]),L=React.useCallback(o=>{const t=e.find(i=>i.id===o);if(t){const{id:i,valid:r=!0}=t,a=V({valid:!r},i);return p(i),a}m(o)},[p,e,O]),B=React.useCallback((o=ESortDirection.ascend)=>{if(!n||c.length>1)return;const{pointCloud2dOperation:t}=n,i=t.switchToNextPolygon(o);i&&w(i)},[n]),S=()=>{B(ESortDirection.descend)},b=o=>{const t=e.filter(i=>i.id!==o);l(t),s==null||s.removeObjectByName(o),s==null||s.render(),y(t)},j=()=>{d&&(b(d.info.id),n==null||n.pointCloud2dOperation.deletePolygon(d.info.id)),u&&(D(u.id),n==null||n.pointCloud2dOperation.deletePolygon(u.id))},A=React.useMemo(()=>e.filter(o=>c.includes(o.id)),[c,e]),k=React.useCallback(o=>{const t=___default.default.cloneDeep(e);let i=!1;if(o.forEach(r=>{const a=t.findIndex(f=>f.id===r.id);if(a>-1){const f=___default.default.merge(t[a],r);t.splice(a,1,f),s==null||s.generateBox(f),i=!0}}),i)return l(t),C({pointCloudBoxList:t}),s==null||s.render(),t},[c,e]),q=React.useCallback(o=>e.find(t=>t.id===o),[e]);return{selectedBox:d,updateSelectedBox:g,changeSelectedBoxValid:h,changeValidByID:L,selectNextBox:B,selectPrevBox:S,deletePointCloudBox:b,selectedBoxes:A,updateSelectedBoxes:k,getPointCloudByID:q,deleteSelectedPointCloudBoxAndPolygon:j}};exports.useSingleBox=useSingleBox;

package/dist/components/pointCloudView/hooks/useStatus.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PointCloudContext=require("../PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),useHistory=require("./useHistory.js");const{EToolName,EPolygonPattern}=lbAnnotation.cTool,useStatus=()=>{const{topViewInstance:t,mainViewInstance:e,pointCloudBoxList:r,setPointCloudResult:i,setPolygonList:s,pointCloudPattern:u,setPointCloudPattern:l,syncAllViewPointCloudColor:a}=React.useContext(PointCloudContext.PointCloudContext),{pushHistoryWithList:c}=useHistory.useHistory();return{clearAllResult:()=>{r.forEach(n=>{e==null||e.removeObjectByName(n.id)}),e==null||e.render(),i([]),s([]),t==null||t.pointCloud2dOperation.clearActiveStatus(),t==null||t.pointCloud2dOperation.clearResult(),a([]),c({pointCloudBoxList:[],polygonList:[]})},updatePointCloudPattern:n=>{const o=t==null?void 0:t.pointCloud2dOperation;if(!!o)switch(o.clearActiveStatus(),n){case EToolName.Rect:o.setPattern(EPolygonPattern.Rect),l(EToolName.Rect);break;case EToolName.Polygon:o.setPattern(EPolygonPattern.Normal),l(EToolName.Polygon);break}},pointCloudPattern:u}};exports.useStatus=useStatus;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PointCloudContext=require("../PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),useHistory=require("./useHistory.js");const{EToolName,EPolygonPattern}=lbAnnotation.cTool,useStatus=()=>{const{topViewInstance:t,mainViewInstance:e,pointCloudBoxList:i,setPointCloudResult:s,setPolygonList:u,pointCloudPattern:l,setPointCloudPattern:r,syncAllViewPointCloudColor:a}=React.useContext(PointCloudContext.PointCloudContext),{pushHistoryWithList:c}=useHistory.useHistory();return{clearAllResult:()=>{i.forEach(o=>{e==null||e.removeObjectByName(o.id)}),e==null||e.render(),s([]),u([]),t==null||t.pointCloud2dOperation.clearActiveStatus(),t==null||t.pointCloud2dOperation.clearResult(),a([]),c({pointCloudBoxList:[],polygonList:[]})},updatePointCloudPattern:o=>{const n=t==null?void 0:t.pointCloud2dOperation;if(!!n&&(n.clearActiveStatus(),o!==l))switch(o){case EToolName.Rect:n.setPattern(EPolygonPattern.Rect),r(EToolName.Rect);break;case EToolName.Polygon:n.setPattern(EPolygonPattern.Normal),r(EToolName.Polygon);break}},pointCloudPattern:l}};exports.useStatus=useStatus;

package/dist/components/pointCloudView/index.js

@@ -1 +1 @@
-"use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloud3DView=require("./PointCloud3DView.js"),PointCloudBackView=require("./PointCloudBackView.js"),PointCloudTopView=require("./PointCloudTopView.js"),PointCloudSideView=require("./PointCloudSideView.js"),PointCloud2DView=require("./PointCloud2DView.js"),PointCloudListener=require("./PointCloudListener.js"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const PointCloudView=({imgList:e,drawLayerSlot:a,checkMode:t})=>e.length===0?null:React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(PointCloudListener,{checkMode:t}),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-layout"),onContextMenu:l=>l.preventDefault()},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-wrapper")},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","left")},React__default.default.createElement(PointCloud2DView,null),React__default.default.createElement(PointCloud3DView,null)),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","right")},React__default.default.createElement(PointCloudTopView,{drawLayerSlot:a,checkMode:t}),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","right-bottom")},React__default.default.createElement(PointCloudSideView,{checkMode:t}),React__default.default.createElement(PointCloudBackView,{checkMode:t})))))),mapStateToProps=e=>({imgList:e.annotation.imgList});var PointCloudView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudView);module.exports=PointCloudView$1;
+"use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloud3DView=require("./PointCloud3DView.js"),PointCloudBackView=require("./PointCloudBackView.js"),PointCloudTopView=require("./PointCloudTopView.js"),PointCloudSideView=require("./PointCloudSideView.js"),PointCloud2DView=require("./PointCloud2DView.js"),PointCloudListener=require("./PointCloudListener.js"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),index=require("../../views/MainView/toolFooter/AnnotatedAttributes/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const PointCloudView=({imgList:e,drawLayerSlot:a,checkMode:t})=>e.length===0?null:React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(PointCloudListener,{checkMode:t}),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-layout"),onContextMenu:l=>l.preventDefault()},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-wrapper")},React__default.default.createElement(index.AnnotatedAttributesPanelFixedLeft,null),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-content")},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","left")},React__default.default.createElement(PointCloud2DView,null),React__default.default.createElement(PointCloud3DView,null)),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","right")},React__default.default.createElement(PointCloudTopView,{drawLayerSlot:a,checkMode:t}),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","right-bottom")},React__default.default.createElement(PointCloudSideView,null),React__default.default.createElement(PointCloudBackView,null)))),React__default.default.createElement(index.AnnotatedAttributesPanelFixedRight,null)))),mapStateToProps=e=>({imgList:e.annotation.imgList});var PointCloudView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudView);module.exports=PointCloudView$1;

package/dist/index.css

@@ -21,6 +21,7 @@
   position: relative;
   z-index: 10;
   border-top: 1px solid #e2e2e2;
+  border-left: 1px solid #e2e2e2;
 }
 .bee-layout__side .ant-collapse-borderless > .ant-collapse-item {
   border-bottom: 1px solid #eee;
@@ -1062,6 +1063,44 @@
   min-width: 116px;
 }
 
+.bee-annotated-attribute {
+  width: 240px;
+  background: white;
+}
+.bee-annotated-attribute__popover .ant-popover-inner-content {
+  padding: 0;
+}
+.bee-annotated-attribute__pin {
+  cursor: pointer;
+  color: #666fff;
+}
+.bee-annotated-attribute__pin .anticon {
+  margin-right: 4px;
+}
+.bee-annotated-attribute__text {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 20px;
+  color: #333;
+}
+.bee-annotated-attribute__item {
+  height: 40px;
+  line-height: 40px;
+  padding: 12px;
+  display: flex;
+  align-items: center;
+}
+.bee-annotated-attribute__item .anticon {
+  cursor: pointer;
+}
+.bee-annotated-attribute__item .anticon-eye,
+.bee-annotated-attribute__item .anticon-caret-down {
+  margin-right: 8px;
+}
+.bee-annotated-attribute__item__text {
+  flex: 1;
+}
+
 /** VideoPlayer样式 start */
 .bee-video-wrapper {
   width: 100%;
@@ -1201,6 +1240,10 @@
   overflow: hidden;
   flex: 1;
 }
+.bee-point-cloud-wrapper .bee-point-cloud-content {
+  flex: 1;
+  display: flex;
+}
 .bee-point-cloud-wrapper .bee-point-cloud-container {
   position: relative;
 }

package/dist/store/annotation/selectors.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index=require("../../utils/index.js"),reducer=require("./reducer.js");const stepConfigSelector=({annotation:r})=>{var e;const{stepList:t,step:s}=r;return index.jsonParser((e=reducer.getStepConfig(t,s))==null?void 0:e.config)};exports.stepConfigSelector=stepConfigSelector;

package/dist/types/components/AnnotationView/index.d.ts

@@ -3,7 +3,7 @@
  * @author laoluo
  */
 import React from 'react';
-type TAfterImgOnLoad = (img: HTMLImageElement) => void;
+declare type TAfterImgOnLoad = (img: HTMLImageElement) => void;
 interface IProps {
     src: string;
     size?: {

package/dist/types/components/pointCloudView/PointCloudContext.d.ts

@@ -1,6 +1,6 @@
 import { IPointCloudBox, IPointCloudBoxList, IPolygonData } from '@labelbee/lb-utils';
-import { PointCloud, PointCloudAnnotation, ActionsHistory, EToolName } from '@labelbee/lb-annotation';
 import React from 'react';
+import { PointCloud, PointCloudAnnotation, ActionsHistory, EToolName } from '@labelbee/lb-annotation';
 interface IPointCloudContextInstances {
     topViewInstance?: PointCloudAnnotation;
     sideViewInstance?: PointCloudAnnotation;
@@ -11,8 +11,10 @@ interface IPointCloudContextInstances {
     setBackViewInstance: (instance: PointCloudAnnotation) => void;
     setMainViewInstance: (instance: PointCloud) => void;
 }
+declare type AttrPanelLayout = '' | 'left' | 'right';
 export interface IPointCloudContext extends IPointCloudContextInstances {
     pointCloudBoxList: IPointCloudBoxList;
+    displayPointCloudList: IPointCloudBoxList;
     selectedIDs: string[];
     setSelectedIDs: (ids?: string[] | string) => void;
     valid: boolean;
@@ -28,6 +30,11 @@ export interface IPointCloudContext extends IPointCloudContextInstances {
     zoom: number;
     setZoom: (zoom: number) => void;
     history: ActionsHistory;
+    hideAttributes: string[];
+    toggleAttributesVisible: (attribute: string) => void;
+    reRender: (_displayPointCloudList: IPointCloudBoxList, _polygonList: IPolygonData[]) => void;
+    attrPanelLayout: AttrPanelLayout;
+    setAttrPanelLayout: (layout: AttrPanelLayout) => void;
     syncAllViewPointCloudColor: (newPointCloudList?: IPointCloudBox[]) => void;
     defaultAttribute: string;
     setDefaultAttribute: (defaultAttribute: string) => void;

package/dist/types/components/pointCloudView/hooks/usePointCloudViews.d.ts

@@ -4,22 +4,9 @@
  * @createdate 2022-08-17
  */
 import { PointCloudAnnotation, PointCloud } from '@labelbee/lb-annotation';
-import { IPointCloudBox, IPolygonData } from '@labelbee/lb-utils';
+import { IPointCloudBox, UpdatePolygonByDragList } from '@labelbee/lb-utils';
 import { ISize } from '@/types/main';
 import { IFileItem } from '@/types/data';
-/**
- * Get the coordinate from canvas2d-coordinate to world coordinate
- */
-export declare const transferCanvas2World: (currentPos: {
-    x: number;
-    y: number;
-}, size: {
-    width: number;
-    height: number;
-}) => {
-    x: number;
-    y: number;
-};
 export declare const topViewPolygon2PointCloud: (newPolygon: any, size: ISize, pointCloud?: PointCloud, selectedPointCloudBox?: IPointCloudBox, defaultValue?: {
     [v: string]: any;
 } | undefined) => Omit<IPointCloudBox, "trackID">;
@@ -45,8 +32,8 @@ export declare const usePointCloudViews: () => {
     topViewAddBox: () => void;
     topViewSelectedChanged: () => void;
     sideViewUpdateBox: () => void;
+    backViewUpdateBox: () => void;
     topViewUpdateBox?: undefined;
-    backViewUpdateBox?: undefined;
     pointCloudBoxListUpdated?: undefined;
     initPointCloud3d?: undefined;
     updatePointCloudData?: undefined;
@@ -59,7 +46,7 @@ export declare const usePointCloudViews: () => {
         zoom: number;
     }) => void;
     topViewSelectedChanged: (newSelectedBox?: IPointCloudBox, newPointCloudList?: IPointCloudBox[]) => void;
-    topViewUpdateBox: (polygon: IPolygonData, size: ISize) => void;
+    topViewUpdateBox: (updateList: UpdatePolygonByDragList, size: ISize) => void;
     sideViewUpdateBox: (newPolygon: any, originPolygon: any) => void;
     backViewUpdateBox: (newPolygon: any, originPolygon: any) => void;
     pointCloudBoxListUpdated: (newBoxes: IPointCloudBox[]) => void;

package/dist/types/components/pointCloudView/hooks/useSingleBox.d.ts

@@ -1,4 +1,4 @@
-import { IPointCloudBox } from '@labelbee/lb-utils';
+import { IPointCloudBox, PartialIPointCloudBoxList } from '@labelbee/lb-utils';
 /** Actions for single selected box */
 export declare const useSingleBox: () => {
     selectedBox: {
@@ -11,5 +11,8 @@ export declare const useSingleBox: () => {
     selectNextBox: (sort?: any) => void;
     selectPrevBox: () => void;
     deletePointCloudBox: (id: string) => void;
+    selectedBoxes: IPointCloudBox[];
+    updateSelectedBoxes: (updateList: PartialIPointCloudBoxList) => import("@labelbee/lb-utils").IPointCloudBoxList | undefined;
+    getPointCloudByID: (id: string) => IPointCloudBox | undefined;
     deleteSelectedPointCloudBoxAndPolygon: () => void;
 };

package/dist/types/components/videoPlayer/types.d.ts

@@ -2,7 +2,7 @@ export interface ITagLabelItem {
     keyLabel: string;
     valuesLabelArray: string[];
 }
-export type ITagLabelsArray = ITagLabelItem[];
+export declare type ITagLabelsArray = ITagLabelItem[];
 export interface ObjectString {
     [key: string]: string | undefined;
 }

package/dist/types/store/annotation/selectors.d.ts

@@ -0,0 +1,7 @@
+import { AnnotationState } from './types';
+/**
+ * select current step config
+ */
+export declare const stepConfigSelector: ({ annotation }: {
+    annotation: AnnotationState;
+}) => any;

package/dist/types/store/annotation/types.d.ts

@@ -4,8 +4,8 @@ import { IStepInfo } from '@/types/step';
 import { OnSubmit, IFileItem, GetFileData, OnSave, OnPageChange, OnStepChange, LoadFileList } from '@/types/data';
 import { ESubmitType } from '@/constant';
 import { IPointCloudBox } from '@labelbee/lb-utils';
-export type GraphToolInstance = RectOperation | PointOperation | PolygonOperation | LineToolOperation;
-export type ToolInstance = GraphToolInstance | TagOperation | TextToolOperation;
+export declare type GraphToolInstance = RectOperation | PointOperation | PolygonOperation | LineToolOperation;
+export declare type ToolInstance = GraphToolInstance | TagOperation | TextToolOperation;
 interface CommonActions {
     type: string;
     payload?: any;
@@ -149,5 +149,5 @@ interface BatchUpdateResultByTrackID {
         range: [number, number];
     };
 }
-export type AnnotationActionTypes = UpdateToolInstance | UpdateImgList | UpdateAnnotationConfig | SubmitFileData | LoadFileData | SetTaskConfig | InitTool | UpdateOnSubmit | UpdateOnPageChange | UpdateOnStepChange | UpdateGetFileData | UpdatePageSize | UpdateGetFileList | CopyBackWordResult | UpdateOnSave | BatchUpdateTrackID | BatchUpdateResultByTrackID | InitAnnotationState;
+export declare type AnnotationActionTypes = UpdateToolInstance | UpdateImgList | UpdateAnnotationConfig | SubmitFileData | LoadFileData | SetTaskConfig | InitTool | UpdateOnSubmit | UpdateOnPageChange | UpdateOnStepChange | UpdateGetFileData | UpdatePageSize | UpdateGetFileList | CopyBackWordResult | UpdateOnSave | BatchUpdateTrackID | BatchUpdateResultByTrackID | InitAnnotationState;
 export {};

package/dist/types/store/imgAttribute/types.d.ts

@@ -19,5 +19,5 @@ interface InitImgAttribute {
     type: typeof IMAGE_ATTRIBUTE_ACTIONS.INIT_IMG_ATTRIBUTE;
     payload: {};
 }
-export type ImgAttributeActionTypes = UpdateImgAttribute | InitImgAttribute;
+export declare type ImgAttributeActionTypes = UpdateImgAttribute | InitImgAttribute;
 export {};

package/dist/types/store/index.d.ts

@@ -1,3 +1,3 @@
 import { CombinedState } from 'redux';
 export declare const rootReducer: CombinedState<any>;
-export type AppState = ReturnType<typeof rootReducer>;
+export declare type AppState = ReturnType<typeof rootReducer>;

package/dist/types/store/toolStyle/types.d.ts

@@ -19,5 +19,5 @@ interface InitToolStyleConfig {
     type: typeof TOOL_STYLE_ACTIONS.INIT_TOOL_STYLE_CONFIG;
     payload: undefined;
 }
-export type ToolStyleActionTypes = InitToolStyleConfig | UpdateToolStyleConfig;
+export declare type ToolStyleActionTypes = InitToolStyleConfig | UpdateToolStyleConfig;
 export {};

package/dist/types/utils/dom.d.ts

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
-export type BasicTarget<T = HTMLElement> = (() => T | null) | T | null | MutableRefObject<T | null | undefined>;
-type TargetElement = HTMLElement | Element | Document | Window;
+export declare type BasicTarget<T = HTMLElement> = (() => T | null) | T | null | MutableRefObject<T | null | undefined>;
+declare type TargetElement = HTMLElement | Element | Document | Window;
 export declare function getTargetElement(target?: BasicTarget<TargetElement>, defaultElement?: TargetElement): TargetElement | undefined | null;
 /**
  * Get class like BEM

package/dist/types/views/MainView/toolFooter/AnnotatedAttributes/index.d.ts

@@ -0,0 +1,4 @@
+export declare const AnnotatedAttributesPanel: () => JSX.Element;
+export declare const AnnotatedAttributesPanelFixedLeft: () => JSX.Element | null;
+export declare const AnnotatedAttributesPanelFixedRight: () => JSX.Element | null;
+export declare const AnnotatedAttributesIcon: () => JSX.Element | null;

package/dist/types/views/MainView/toolFooter/index.d.ts

@@ -1,7 +1,7 @@
 import { RenderFooter } from '@/types/main';
 import { IStepInfo } from '@/types/step';
 import React from 'react';
-export type FooterTheme = 'light' | 'dark';
+export declare type FooterTheme = 'light' | 'dark';
 interface IProps {
     totalPage: number;
     imgIndex: number;

package/dist/views/MainView/toolFooter/AnnotatedAttributes/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var PointCloudContext=require("../../../../components/pointCloudView/PointCloudContext.js"),antd=require("antd"),React=require("react"),selectors=require("../../../../store/annotation/selectors.js"),ctx=require("../../../../store/ctx.js"),icons=require("@ant-design/icons"),useHistory=require("../../../../components/pointCloudView/hooks/useHistory.js"),dom=require("../../../../utils/dom.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const AnnotatedAttributesItem=({attribute:e})=>{const u=React.useContext(PointCloudContext.PointCloudContext),{pointCloudBoxList:n,hideAttributes:l,toggleAttributesVisible:C,polygonList:r,setPolygonList:f,setPointCloudResult:p,reRender:E}=u,[i,x]=React.useState(!1),{pushHistoryWithList:A}=useHistory.useHistory(),d=[...n,...r].filter(t=>t.attribute===e.value),c=()=>{C(e.value)},g=l.includes(e.value),m=({trackID:t,order:a})=>t||a,P=t=>{if(d.length===0)return;const a=r.filter(s=>t!==s.attribute),o=n.filter(s=>t!==s.attribute);f(a),p(o),E(o,a),A({pointCloudBoxList:o,polygonList:a})};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{className:dom.getClassName("annotated-attribute","item")},g?React__default.default.createElement(icons.EyeInvisibleFilled,{onClick:c}):React__default.default.createElement(icons.EyeFilled,{onClick:c}),React__default.default.createElement(icons.CaretDownFilled,{rotate:i?270:0,onClick:()=>{x(!i)}}),React__default.default.createElement("span",{className:dom.getClassName("annotated-attribute","item","text")},e.key),React__default.default.createElement(icons.DeleteOutlined,{onClick:()=>P(e.value)})),d.map(t=>React__default.default.createElement("div",{key:m(t),style:{paddingLeft:54}},`${m(t)}.${e.key}`)))},AnnotatedAttributesPanel=()=>{const e=ctx.useSelector(selectors.stepConfigSelector),{attrPanelLayout:u,setAttrPanelLayout:n}=React.useContext(PointCloudContext.PointCloudContext);return React__default.default.createElement("div",{className:dom.getClassName("annotated-attribute")},u?React__default.default.createElement("div",{className:dom.getClassName("annotated-attribute","text")},React__default.default.createElement("span",null,"\u6807\u6CE8\u7ED3\u679C"),React__default.default.createElement("span",{className:dom.getClassName("annotated-attribute","pin"),onClick:()=>{n("")}},React__default.default.createElement(icons.PushpinFilled,null),"\u53D6\u6D88\u56FA\u5B9A")):React__default.default.createElement("div",{className:dom.getClassName("annotated-attribute","text")},React__default.default.createElement("span",{onClick:()=>{n("left")},className:dom.getClassName("annotated-attribute","pin")},React__default.default.createElement(icons.PushpinFilled,null),"\u56FA\u5B9A\u5728\u5DE6\u4FA7"),React__default.default.createElement("span",{onClick:()=>{n("right")},className:dom.getClassName("annotated-attribute","pin")},React__default.default.createElement(icons.PushpinFilled,null),"\u56FA\u5B9A\u5728\u53F3\u4FA7")),React__default.default.createElement("div",null,e.attributeList.map(l=>React__default.default.createElement(AnnotatedAttributesItem,{attribute:l,key:l.value}))))},AnnotatedAttributesPanelFixedLeft=()=>{const{attrPanelLayout:e}=React.useContext(PointCloudContext.PointCloudContext);return e==="left"?React__default.default.createElement(AnnotatedAttributesPanel,null):null},AnnotatedAttributesPanelFixedRight=()=>{const{attrPanelLayout:e}=React.useContext(PointCloudContext.PointCloudContext);return e==="right"?React__default.default.createElement(AnnotatedAttributesPanel,null):null},AnnotatedAttributesIcon=()=>{const{attrPanelLayout:e}=React.useContext(PointCloudContext.PointCloudContext);return e?null:React__default.default.createElement(antd.Popover,{placement:"topLeft",content:React__default.default.createElement(AnnotatedAttributesPanel,null),overlayClassName:dom.getClassName("annotated-attribute","popover")},React__default.default.createElement("span",null,"\u56FE\u7247\u5217\u8868"))};exports.AnnotatedAttributesIcon=AnnotatedAttributesIcon,exports.AnnotatedAttributesPanel=AnnotatedAttributesPanel,exports.AnnotatedAttributesPanelFixedLeft=AnnotatedAttributesPanelFixedLeft,exports.AnnotatedAttributesPanelFixedRight=AnnotatedAttributesPanelFixedRight;