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

package/dist/components/pointCloudView/PointCloud3DView.js

@@ -1 +1 @@
-"use strict";var dom=require("../../utils/dom.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),classNames=require("classnames"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudContext=require("./PointCloudContext.js"),map=require("../../store/annotation/map.js"),reactRedux=require("react-redux"),index=require("../../utils/index.js"),useSingleBox=require("./hooks/useSingleBox.js"),antd=require("antd"),useSize=require("../../hooks/useSize.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var classNames__default=_interopDefaultLegacy(classNames),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 pointCloudID="LABELBEE-POINTCLOUD",PointCloud3DContext=React__default.default.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{},followTopView:()=>{}}),PointCloudViewIcon=({perspectiveView:e})=>{const{isActive:o,setTarget3DView:n}=React.useContext(PointCloud3DContext),a=m=>classNames__default.default({[dom.getClassName("point-cloud-3d-view",m)]:!0,active:o});return React__default.default.createElement("span",{onClick:()=>{n(lbUtils.EPerspectiveView[e])},className:a(e.toLocaleLowerCase())})},PointCloud3DSideBar=()=>{const{reset3DView:e,followTopView:o}=React.useContext(PointCloud3DContext),{t:n}=reactI18next.useTranslation();return React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-sidebar")},React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Top"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Front"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Left"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Back"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Right"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"LFT"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"RBT"}),React__default.default.createElement(antd.Tooltip,{title:n("CameraFollowTopView")},React__default.default.createElement("span",{onClick:()=>{o()},className:dom.getClassName("point-cloud-3d-view","followTop")})),React__default.default.createElement("span",{onClick:()=>{e()},className:dom.getClassName("point-cloud-3d-view","reset")}))},PointCloud3D=({currentData:e,config:o})=>{var n;const a=React.useContext(PointCloudContext.PointCloudContext),[m,w]=React.useState(!0),d=React.useRef(null),{initPointCloud3d:p}=usePointCloudViews.usePointCloudViews(),s=useSize(d),{t:v}=reactI18next.useTranslation();React.useEffect(()=>{!a.mainViewInstance||p==null||p(s)},[s]);const{selectedBox:u}=useSingleBox.useSingleBox(),f=t=>{var i;const r=u==null?void 0:u.info;if(r){const l=__spreadValues({},r.center);l.x=l.x-.01,l.z=10;const c=t===lbUtils.EPerspectiveView.Top;(i=a.mainViewInstance)==null||i.updateCameraByBox(r,t,c?l:void 0)}},C=()=>{var t;(t=a.mainViewInstance)==null||t.resetCamera()},V=()=>{var t,i;const r=(t=a.topViewInstance)==null?void 0:t.pointCloudInstance.camera;r&&((i=a.mainViewInstance)==null||i.applyCameraTarget(r))};React.useEffect(()=>{if(d.current&&(e==null?void 0:e.url)){let t=a.mainViewInstance;if(!t&&s.width){const i={left:-s.width/2,right:s.width/2,top:s.height/2,bottom:-s.height/2,near:100,far:-100};t=new lbAnnotation.PointCloud({container:d.current,isOrthographicCamera:!0,orthographicParams:i,config:o}),a.setMainViewInstance(t)}}},[s]),React.useEffect(()=>{var t;if(d.current&&(e==null?void 0:e.url)&&e.result&&a.mainViewInstance){let i=a.mainViewInstance;const r=lbUtils.PointCloudUtils.getBoxParamsFromResultList(e.result);r.forEach(l=>{var c;const _=(c=lbUtils.toolStyleConverter.getColorFromConfig({attribute:l.attribute},__spreadProps(__spreadValues({},o),{attributeConfigurable:!0}),{}))==null?void 0:c.hex;i==null||i.generateBox(l,_)}),a.setPointCloudResult(r),a.setPointCloudValid((t=index.jsonParser(e.result))==null?void 0:t.valid)}},[e,a.mainViewInstance]),React.useEffect(()=>{var t,i,r,l;if(u){f(lbUtils.EPerspectiveView.Top);const c=(r=(i=(t=a.topViewInstance)==null?void 0:t.pointCloudInstance)==null?void 0:i.camera.zoom)!=null?r:1;(l=a.mainViewInstance)==null||l.updateCameraZoom(c)}},[u]);const P=React.useMemo(()=>({reset3DView:C,setTarget3DView:f,isActive:!!u,followTopView:V}),[u,a.mainViewInstance]),g=React__default.default.createElement("div",null,React__default.default.createElement("span",{style:{marginRight:8}},v("ShowArrows")),React__default.default.createElement(antd.Switch,{size:"small",checked:m,onChange:t=>{var i;w(t),(i=a.mainViewInstance)==null||i.setShowDirection(t)}}));return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-3d-container"),title:v("3DView"),toolbar:g,style:{height:e.mappingImgList&&((n=e.mappingImgList)==null?void 0:n.length)>0?"55%":"100%"}},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-content")},React__default.default.createElement(PointCloud3DContext.Provider,{value:P},React__default.default.createElement(PointCloud3DSideBar,null)),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-view"),id:pointCloudID,ref:d})))};var PointCloud3DView=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud3D);module.exports=PointCloud3DView;
+"use strict";var dom=require("../../utils/dom.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),classNames=require("classnames"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudContext=require("./PointCloudContext.js"),map=require("../../store/annotation/map.js"),reactRedux=require("react-redux"),index=require("../../utils/index.js"),useSingleBox=require("./hooks/useSingleBox.js"),antd=require("antd"),useSize=require("../../hooks/useSize.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js"),index$1=require("./components/PointCloudSizeSlider/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var classNames__default=_interopDefaultLegacy(classNames),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,i)=>o in e?__defProp(e,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[o]=i,__spreadValues=(e,o)=>{for(var i in o||(o={}))__hasOwnProp.call(o,i)&&__defNormalProp(e,i,o[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(o))__propIsEnum.call(o,i)&&__defNormalProp(e,i,o[i]);return e},__spreadProps=(e,o)=>__defProps(e,__getOwnPropDescs(o));const pointCloudID="LABELBEE-POINTCLOUD",PointCloud3DContext=React__default.default.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{},followTopView:()=>{}}),PointCloudViewIcon=({perspectiveView:e})=>{const{isActive:o,setTarget3DView:i}=React.useContext(PointCloud3DContext),a=m=>classNames__default.default({[dom.getClassName("point-cloud-3d-view",m)]:!0,active:o});return React__default.default.createElement("span",{onClick:()=>{i(lbUtils.EPerspectiveView[e])},className:a(e.toLocaleLowerCase())})},PointCloud3DSideBar=()=>{const{reset3DView:e,followTopView:o}=React.useContext(PointCloud3DContext),{t:i}=reactI18next.useTranslation();return React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-sidebar")},React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Top"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Front"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Left"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Back"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"Right"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"LFT"}),React__default.default.createElement(PointCloudViewIcon,{perspectiveView:"RBT"}),React__default.default.createElement(antd.Tooltip,{title:i("CameraFollowTopView")},React__default.default.createElement("span",{onClick:()=>{o()},className:dom.getClassName("point-cloud-3d-view","followTop")})),React__default.default.createElement("span",{onClick:()=>{e()},className:dom.getClassName("point-cloud-3d-view","reset")}))},PointCloud3D=({currentData:e,config:o})=>{var i;const a=React.useContext(PointCloudContext.PointCloudContext),[m,w]=React.useState(!0),d=React.useRef(null),{initPointCloud3d:p}=usePointCloudViews.usePointCloudViews(),s=useSize(d),{t:v}=reactI18next.useTranslation();React.useEffect(()=>{!a.mainViewInstance||p==null||p(s)},[s]);const{selectedBox:u}=useSingleBox.useSingleBox(),f=t=>{var n;const r=u==null?void 0:u.info;if(r){const l=__spreadValues({},r.center);l.x=l.x-.01,l.z=10;const c=t===lbUtils.EPerspectiveView.Top;(n=a.mainViewInstance)==null||n.updateCameraByBox(r,t,c?l:void 0)}},C=()=>{var t;(t=a.mainViewInstance)==null||t.resetCamera()},V=()=>{var t,n;const r=(t=a.topViewInstance)==null?void 0:t.pointCloudInstance.camera;r&&((n=a.mainViewInstance)==null||n.applyCameraTarget(r))};React.useEffect(()=>{if(d.current&&(e==null?void 0:e.url)){let t=a.mainViewInstance;if(!t&&s.width){const n={left:-s.width/2,right:s.width/2,top:s.height/2,bottom:-s.height/2,near:100,far:-100};t=new lbAnnotation.PointCloud({container:d.current,isOrthographicCamera:!0,orthographicParams:n,config:o}),a.setMainViewInstance(t)}}},[s]),React.useEffect(()=>{var t;if(d.current&&(e==null?void 0:e.url)&&e.result&&a.mainViewInstance){let n=a.mainViewInstance;const r=lbUtils.PointCloudUtils.getBoxParamsFromResultList(e.result);r.forEach(l=>{var c;const x=(c=lbUtils.toolStyleConverter.getColorFromConfig({attribute:l.attribute},__spreadProps(__spreadValues({},o),{attributeConfigurable:!0}),{}))==null?void 0:c.hex;n==null||n.generateBox(l,x)}),a.setPointCloudResult(r),a.setPointCloudValid((t=index.jsonParser(e.result))==null?void 0:t.valid)}},[e,a.mainViewInstance]),React.useEffect(()=>{var t,n,r,l;if(u){f(lbUtils.EPerspectiveView.Top);const c=(r=(n=(t=a.topViewInstance)==null?void 0:t.pointCloudInstance)==null?void 0:n.camera.zoom)!=null?r:1;(l=a.mainViewInstance)==null||l.updateCameraZoom(c)}},[u]);const P=React.useMemo(()=>({reset3DView:C,setTarget3DView:f,isActive:!!u,followTopView:V}),[u,a.mainViewInstance]),g=React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$1,{onChange:t=>{var n;(n=a.mainViewInstance)==null||n.updatePointSize({customSize:t})}}),React__default.default.createElement("span",{style:{marginRight:8}},v("ShowArrows")),React__default.default.createElement(antd.Switch,{size:"small",checked:m,onChange:t=>{var n;w(t),(n=a.mainViewInstance)==null||n.setShowDirection(t)}}));return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-3d-container"),title:v("3DView"),toolbar:g,style:{height:e.mappingImgList&&((i=e.mappingImgList)==null?void 0:i.length)>0?"55%":"100%"}},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-content")},React__default.default.createElement(PointCloud3DContext.Provider,{value:P},React__default.default.createElement(PointCloud3DSideBar,null)),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-view"),id:pointCloudID,ref:d})))};var PointCloud3DView=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud3D);module.exports=PointCloud3DView;

package/dist/components/pointCloudView/PointCloudContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}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:[],setHideAttributes:()=>{},toggleAttributesVisible:()=>{},reRender:()=>{},setAttrPanelLayout:()=>{},attrPanelLayout:"",syncAllViewPointCloudColor:()=>{},defaultAttribute:"",setDefaultAttribute:()=>{},pointCloudPattern:lbAnnotation.EToolName.Rect,setPointCloudPattern:()=>{},selectSpecAttr:()=>{}}),PointCloudProvider=({children:a})=>{const[o,b]=React.useState([]),[c,H]=React.useState([]),[n,f]=React.useState([]),[v,E]=React.useState(!0),[y,M]=React.useState(1),[r,_]=React.useState(),[w,O]=React.useState(),[I,T]=React.useState(),[i,j]=React.useState(),[V,k]=React.useState(""),[m,N]=React.useState(lbAnnotation.EToolName.Rect),q=React.useRef(new lbAnnotation.ActionsHistory).current,[s,P]=React.useState([]),[g,z]=React.useState(""),x=React.useMemo(()=>n.length===1?n[0]:"",[n]),L=React.useMemo(()=>{const d=o.find(t=>t.id===x),C=t=>{const e=o.concat(t);return b(e),e},p=t=>{E(t!==!1)},l=t=>{t===void 0&&f([]),typeof t=="string"&&f([t]),Array.isArray(t)&&f(Array.from(new Set(t)))},u=t=>{n.includes(t)?l(n.filter(e=>e!==t)):l([...n,t])},Z=()=>{l(o.map(t=>t.id))},G=t=>{l(o.filter(e=>e.attribute===t).map(e=>e.id))},h=o.filter(t=>!s.includes(t.attribute)),J=t=>{if(s.includes(t))P(s.filter(e=>e!==t));else{const e=s.concat(t);P(e)}},K=(t=h,e=c)=>{o.forEach(A=>{i==null||i.removeObjectByName(A.id)}),r==null||r.updatePolygonList(t,e),i==null||i.generateBoxes(t),B(t)},B=t=>{const e=i==null?void 0:i.highlightOriginPointCloud(t);return new Promise(A=>{e==null||e.then(S=>{[r].forEach(R=>{var D;S&&((D=R==null?void 0:R.pointCloudInstance)==null||D.updateColor(S),A({color:S}))})})})};return{selectedID:x,pointCloudBoxList:o,displayPointCloudList:h,selectedIDs:n,setPointCloudResult:b,setSelectedIDs:l,addPointCloudBox:C,valid:v,selectedPointCloudBox:d,setPointCloudValid:p,addSelectedID:u,selectedAllBoxes:Z,topViewInstance:r,setTopViewInstance:_,sideViewInstance:w,setSideViewInstance:O,backViewInstance:I,setBackViewInstance:T,mainViewInstance:i,setMainViewInstance:j,polygonList:c,setPolygonList:H,zoom:y,setZoom:M,history:q,toggleAttributesVisible:J,hideAttributes:s,setHideAttributes:P,reRender:K,attrPanelLayout:g,setAttrPanelLayout:z,syncAllViewPointCloudColor:B,defaultAttribute:V,setDefaultAttribute:k,pointCloudPattern:m,setPointCloudPattern:N,selectSpecAttr:G}},[v,n,o,c,r,w,I,i,y,s,g,V,m]),F=()=>{const d=o.filter(u=>s.includes(u.attribute)),{setSelectedIDs:C,reRender:p}=L,l=d.map(u=>u.id);l.length>0&&C(n.filter(u=>!l.includes(u))),p()};return React.useEffect(()=>{var d;F(),(d=r==null?void 0:r.pointCloud2dOperation)==null||d.setHiddenAttributes(s)},[s]),React__default.default.createElement(PointCloudContext.Provider,{value:L},a)};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(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}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:[],setHideAttributes:()=>{},toggleAttributesVisible:()=>{},reRender:()=>{},setAttrPanelLayout:()=>{},attrPanelLayout:"",syncAllViewPointCloudColor:()=>{},defaultAttribute:"",setDefaultAttribute:()=>{},pointCloudPattern:lbAnnotation.EToolName.Rect,setPointCloudPattern:()=>{},selectSpecAttr:()=>{}}),PointCloudProvider=({children:r})=>{const[o,b]=React.useState([]),[f,H]=React.useState([]),[n,P]=React.useState([]),[v,E]=React.useState(!0),[y,M]=React.useState(1),[a,_]=React.useState(),[w,O]=React.useState(),[I,T]=React.useState(),[i,j]=React.useState(),[V,k]=React.useState(""),[m,N]=React.useState(lbAnnotation.EToolName.Rect),q=React.useRef(new lbAnnotation.ActionsHistory).current,[s,C]=React.useState([]),[g,z]=React.useState(""),x=React.useMemo(()=>n.length===1?n[0]:"",[n]),L=React.useMemo(()=>{const d=o.find(t=>t.id===x),p=t=>{const e=o.concat(t);return b(e),e},A=t=>{E(t!==!1)},l=t=>{t===void 0&&P([]),typeof t=="string"&&P([t]),Array.isArray(t)&&P(Array.from(new Set(t)))},u=t=>{n.includes(t)?l(n.filter(e=>e!==t)):l([...n,t])},Z=()=>{l(o.map(t=>t.id))},G=t=>{l(o.filter(e=>e.attribute===t).map(e=>e.id))},h=o.filter(t=>!s.includes(t.attribute)),J=t=>{if(s.includes(t))C(s.filter(e=>e!==t));else{const e=s.concat(t);C(e)}},K=(t=h,e=f)=>{o.forEach(S=>{i==null||i.removeObjectByName(S.id)}),a==null||a.updatePolygonList(t,e),i==null||i.generateBoxes(t),B(t)},B=t=>{const e=i==null?void 0:i.highlightOriginPointCloud(t);return new Promise(S=>{e==null||e.then(c=>{[a].forEach(R=>{var D;c&&((D=R==null?void 0:R.pointCloudInstance)==null||D.updateColor(c),S({color:c}))})}).catch(c=>{console.error(c)})})};return{selectedID:x,pointCloudBoxList:o,displayPointCloudList:h,selectedIDs:n,setPointCloudResult:b,setSelectedIDs:l,addPointCloudBox:p,valid:v,selectedPointCloudBox:d,setPointCloudValid:A,addSelectedID:u,selectedAllBoxes:Z,topViewInstance:a,setTopViewInstance:_,sideViewInstance:w,setSideViewInstance:O,backViewInstance:I,setBackViewInstance:T,mainViewInstance:i,setMainViewInstance:j,polygonList:f,setPolygonList:H,zoom:y,setZoom:M,history:q,toggleAttributesVisible:J,hideAttributes:s,setHideAttributes:C,reRender:K,attrPanelLayout:g,setAttrPanelLayout:z,syncAllViewPointCloudColor:B,defaultAttribute:V,setDefaultAttribute:k,pointCloudPattern:m,setPointCloudPattern:N,selectSpecAttr:G}},[v,n,o,f,a,w,I,i,y,s,g,V,m]),F=()=>{const d=o.filter(u=>s.includes(u.attribute)),{setSelectedIDs:p,reRender:A}=L,l=d.map(u=>u.id);l.length>0&&p(n.filter(u=>!l.includes(u))),A()};return React.useEffect(()=>{var d;F(),(d=a==null?void 0:a.pointCloud2dOperation)==null||d.setHiddenAttributes(s)},[s]),React__default.default.createElement(PointCloudContext.Provider,{value:L},r)};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=(u,r,a)=>r in u?__defProp(u,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):u[r]=a,__spreadValues=(u,r)=>{for(var a in r||(r={}))__hasOwnProp.call(r,a)&&__defNormalProp(u,a,r[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(r))__propIsEnum.call(r,a)&&__defNormalProp(u,a,r[a]);return u},__spreadProps=(u,r)=>__defProps(u,__getOwnPropDescs(r));const{EPolygonPattern}=lbAnnotation.cTool,PointCloudListener=({currentData:u,config:r,checkMode:a,configString:h,imgIndex:y})=>{const o=React.useContext(PointCloudContext.PointCloudContext),{changeSelectedBoxValid:_,selectNextBox:B,selectPrevBox:S,updateSelectedBox:C,deleteSelectedPointCloudBoxAndPolygon:E}=useSingleBox.useSingleBox(),{clearAllResult:b,updatePointCloudPattern:V}=useStatus.useStatus(),A=index.jsonParser(u.result),{copySelectedBoxes:I,pasteSelectedBoxes:O,copiedBoxes:q}=useBoxes.useBoxes({config:r}),{toolInstanceRef:n}=annotation.useCustomToolInstance({basicInfo:A}),{updateRotate:f}=useRotate.useRotate({currentData:u}),{updatePointCloudData:p,topViewSelectedChanged:j}=usePointCloudViews.usePointCloudViews(),{redo:w,undo:x,pushHistoryWithList:L,pushHistoryUnderUpdatePolygon:T}=useHistory.useHistory(),{syncThreeViewsAttribute:g}=useAttribute.useAttribute(),{syncAllViewsConfig:R,reRenderTopViewRange:D}=useConfig.useConfig(),{selectedPolygon:m}=usePolygon.usePolygon(),{t:P}=reactI18next.useTranslation(),v=e=>{var t;const{topViewInstance:s}=o;!s||(t=s.pointCloud2dOperation)==null||t.updateSelectedPolygonsPoints(e)},N=(e,t)=>{var s;const{topViewInstance:i,mainViewInstance:l}=o;if(!i)return;const{pointCloud2dOperation:c}=i;switch(e){case"q":{f(2);break}case"e":f(-2);break;case"g":f(180);break;case"u":{const d=c.pattern===EPolygonPattern.Normal?lbAnnotation.EToolName.Rect:lbAnnotation.EToolName.Polygon;V(d);const K={[lbAnnotation.EToolName.Polygon]:P("PolygonPattern"),[lbAnnotation.EToolName.Rect]:P("RectPattern")};antd.message.success(P("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){S();break}B(),t.preventDefault();break;case"f":_();break;case"arrowup":v({y:-1});break;case"arrowdown":v({y:1});break;case"arrowleft":v({x:-1});break;case"arrowright":v({x:1});break;case"delete":E();break;default:{if(((s=r.attributeList)==null?void 0:s.length)>0){const d=lbAnnotation.AttributeUtils.getAttributeByKeycode(t.keyCode,r.attributeList);d!==void 0&&n.current.setDefaultAttribute(d)}return}}},H=(e,t)=>{switch(e){case"c":I();break;case"v":O();break;case"a":t.preventDefault(),o.selectedAllBoxes();break;case"z":{t.shiftKey?w():x();break}}},k=e=>{if(!lbAnnotation.CommonToolUtils.hotkeyFilter(e)||a===!0)return;const t=e.key.toLocaleLowerCase();if(e.ctrlKey){H(t,e);return}N(t,e)};return React.useEffect(()=>{const{topViewInstance:e}=o;if(!!e)return window.addEventListener("keydown",k),()=>{window.removeEventListener("keydown",k)}},[o,q,r,o.pointCloudBoxList,o.polygonList]),React.useEffect(()=>{R(r)},[h]),React.useEffect(()=>{(r==null?void 0:r.radius)&&D(r==null?void 0:r.radius)},[r==null?void 0:r.radius]),React.useEffect(()=>{p==null||p()},[y,o.mainViewInstance]),React.useEffect(()=>{o.setHideAttributes([])},[y]),React.useEffect(()=>{n.current.exportData=()=>[o.pointCloudBoxList,{valid:o.valid}],n.current.exportCustomData=()=>{var e;return{resultPolygon:(e=o.polygonList)!=null?e:[]}},n.current.setDefaultAttribute=e=>{g(e);const t=o.selectedPointCloudBox;if(t){t.attribute=e;const s=C(t);o.mainViewInstance&&j(t,s)}m&&T(__spreadProps(__spreadValues({},m),{attribute:e}))},n.current.setSubAttribute=(e,t)=>{var s;const i=o.selectedPointCloudBox;if(i){const l=(s=i==null?void 0:i.subAttribute)!=null?s:{};i.subAttribute=__spreadProps(__spreadValues({},l),{[e]:t}),C(i)}},n.current.clearResult=()=>{b==null||b()},n.current.redo=()=>{w()},n.current.undo=()=>{x()},n.current.setValid=e=>{n.current.valid=e,setTimeout(()=>{o.setPointCloudValid(e),e===!1&&b()})},n.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)},n.current.setShowDefaultCursor=e=>{var t,s;(s=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||s.setShowDefaultCursor(e)},n.current.asyncData=e=>{setTimeout(()=>{p==null||p(e)})}},[o.pointCloudBoxList,o.selectedID,o.valid,o.polygonList,o.mainViewInstance]),React.useEffect(()=>{n.current.history={pushHistory:e=>{L({pointCloudBoxList:e})},initRecord:()=>{}}},[]),React.useEffect(()=>{var e;const t=(e=o.topViewInstance)==null?void 0:e.pointCloud2dOperation;if(!t||a)return;const s=c=>{g(c)},i=c=>{antd.message.error(c)},l=c=>{antd.message.info(c)};return t.on("syncAttribute",s),t.on("messageError",i),t.on("messageInfo",l),()=>{t.unbind("syncAttribute",s),t.unbind("messageError",i),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=(u,r,a)=>r in u?__defProp(u,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):u[r]=a,__spreadValues=(u,r)=>{for(var a in r||(r={}))__hasOwnProp.call(r,a)&&__defNormalProp(u,a,r[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(r))__propIsEnum.call(r,a)&&__defNormalProp(u,a,r[a]);return u},__spreadProps=(u,r)=>__defProps(u,__getOwnPropDescs(r));const{EPolygonPattern}=lbAnnotation.cTool,PointCloudListener=({currentData:u,config:r,checkMode:a,configString:h,imgIndex:y})=>{const o=React.useContext(PointCloudContext.PointCloudContext),{changeSelectedBoxValid:_,selectNextBox:B,selectPrevBox:S,updateSelectedBox:C,deleteSelectedPointCloudBoxAndPolygon:I}=useSingleBox.useSingleBox(),{clearAllResult:b,updatePointCloudPattern:E}=useStatus.useStatus(),V=index.jsonParser(u.result),{copySelectedBoxes:A,pasteSelectedBoxes:O,copiedBoxes:q}=useBoxes.useBoxes({config:r}),{toolInstanceRef:n}=annotation.useCustomToolInstance({basicInfo:V}),{updateRotate:f}=useRotate.useRotate({currentData:u}),{updatePointCloudData:p,topViewSelectedChanged:j}=usePointCloudViews.usePointCloudViews(),{redo:w,undo:x,pushHistoryWithList:L,pushHistoryUnderUpdatePolygon:T}=useHistory.useHistory(),{syncThreeViewsAttribute:g}=useAttribute.useAttribute(),{syncAllViewsConfig:R,reRenderTopViewRange:D}=useConfig.useConfig(),{selectedPolygon:m}=usePolygon.usePolygon(),{t:P}=reactI18next.useTranslation(),v=e=>{var t;const{topViewInstance:s}=o;!s||(t=s.pointCloud2dOperation)==null||t.updateSelectedPolygonsPoints(e)},N=(e,t)=>{var s;const{topViewInstance:i,mainViewInstance:l}=o;if(!i)return;const{pointCloud2dOperation:c}=i;switch(e){case"q":{f(2);break}case"e":f(-2);break;case"g":f(180);break;case"u":{const d=c.pattern===EPolygonPattern.Normal?lbAnnotation.EToolName.Rect:lbAnnotation.EToolName.Polygon;E(d);const K={[lbAnnotation.EToolName.Polygon]:P("PolygonPattern"),[lbAnnotation.EToolName.Rect]:P("RectPattern")};antd.message.success(P("ChangePatternMsg",{pattern:K[d]})),c.clearActiveStatus(),c.clearDrawingStatus()}break;case"+":l==null||l.updatePointSize({zoomIn:!0});break;case"-":l==null||l.updatePointSize({zoomIn:!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":v({y:-1});break;case"arrowdown":v({y:1});break;case"arrowleft":v({x:-1});break;case"arrowright":v({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&&n.current.setDefaultAttribute(d)}return}}},H=(e,t)=>{switch(e){case"c":A();break;case"v":O();break;case"a":t.preventDefault(),o.selectedAllBoxes();break;case"z":{t.shiftKey?w():x();break}}},k=e=>{if(!lbAnnotation.CommonToolUtils.hotkeyFilter(e)||a===!0)return;const t=e.key.toLocaleLowerCase();if(e.ctrlKey){H(t,e);return}N(t,e)};return React.useEffect(()=>{const{topViewInstance:e}=o;if(!!e)return window.addEventListener("keydown",k),()=>{window.removeEventListener("keydown",k)}},[o,q,r,o.pointCloudBoxList,o.polygonList]),React.useEffect(()=>{R(r)},[h]),React.useEffect(()=>{(r==null?void 0:r.radius)&&D(r==null?void 0:r.radius)},[r==null?void 0:r.radius]),React.useEffect(()=>{p==null||p()},[y,o.mainViewInstance]),React.useEffect(()=>{o.setHideAttributes([])},[y]),React.useEffect(()=>{n.current.exportData=()=>[o.pointCloudBoxList,{valid:o.valid}],n.current.exportCustomData=()=>{var e;return{resultPolygon:(e=o.polygonList)!=null?e:[]}},n.current.setDefaultAttribute=e=>{g(e);const t=o.selectedPointCloudBox;if(t){t.attribute=e;const s=C(t);o.mainViewInstance&&j(t,s)}m&&T(__spreadProps(__spreadValues({},m),{attribute:e}))},n.current.setSubAttribute=(e,t)=>{var s;const i=o.selectedPointCloudBox;if(i){const l=(s=i==null?void 0:i.subAttribute)!=null?s:{};i.subAttribute=__spreadProps(__spreadValues({},l),{[e]:t}),C(i)}},n.current.clearResult=()=>{b==null||b()},n.current.redo=()=>{w()},n.current.undo=()=>{x()},n.current.setValid=e=>{n.current.valid=e,setTimeout(()=>{o.setPointCloudValid(e),e===!1&&b()})},n.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)},n.current.setShowDefaultCursor=e=>{var t,s;(s=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||s.setShowDefaultCursor(e)},n.current.asyncData=e=>{setTimeout(()=>{p==null||p(e)})}},[o.pointCloudBoxList,o.selectedID,o.valid,o.polygonList,o.mainViewInstance]),React.useEffect(()=>{n.current.history={pushHistory:e=>{L({pointCloudBoxList:e})},initRecord:()=>{}}},[]),React.useEffect(()=>{var e;const t=(e=o.topViewInstance)==null?void 0:e.pointCloud2dOperation;if(!t||a)return;const s=c=>{g(c)},i=c=>{antd.message.error(c)},l=c=>{antd.message.info(c)};return t.on("syncAttribute",s),t.on("messageError",i),t.on("messageInfo",l),()=>{t.unbind("syncAttribute",s),t.unbind("messageError",i),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/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(),{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;
+"use strict";var dom=require("../../utils/dom.js"),index$2=require("../../views/MainView/toolFooter/index.js"),index$3=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"),index$1=require("./components/PointCloudSizeSlider/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,P={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-P.x)/n,offsetY:-(f.y-P.y)/n}},TopViewToolbar=({currentData:e})=>{const{zoom:o,zoomIn:n,zoomOut:c,initialPosition:p}=useZoom.useZoom(),{selectNextBox:P,selectPrevBox:f}=useSingleBox.useSingleBox(),{updateRotate:u}=useRotate.useRotate({currentData:e}),{topViewInstance:t}=React.useContext(PointCloudContext.PointCloudContext),s=2,v=()=>{u(-s)},x=()=>{u(s)},y=()=>{u(180)};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$1,{onChange:I=>{var w;(w=t==null?void 0:t.pointCloudInstance)==null||w.updatePointSize({customSize:I})}}),React__default.default.createElement("span",{onClick:x,className:dom.getClassName("point-cloud","rotate-reserve")}),React__default.default.createElement("span",{onClick:v,className:dom.getClassName("point-cloud","rotate")}),React__default.default.createElement("span",{onClick:y,className:dom.getClassName("point-cloud","rotate-180")}),React__default.default.createElement(index$2.FooterDivider,null),React__default.default.createElement(icons.UpSquareOutlined,{onClick:()=>{f()},className:dom.getClassName("point-cloud","prev")}),React__default.default.createElement(icons.DownSquareOutlined,{onClick:()=>{P()},className:dom.getClassName("point-cloud","next")}),React__default.default.createElement(index$2.FooterDivider,null),React__default.default.createElement(index$3.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[P,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:x}=useZoom.useZoom(),{hideAttributes:y}=t,{addPolygon:I,deletePolygon:w}=usePolygon.usePolygon(),{deletePointCloudBox:S,changeValidByID:q}=useSingleBox.useSingleBox(),[V,j]=React.useState(10),{t:A}=reactI18next.useTranslation(),g=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 C=__spreadProps(__spreadValues({},i),{pointList:i.pointList.map(r=>lbUtils.PointCloudUtils.transferCanvas2World(r,s))});I(C),t.setSelectedIDs(y.includes(i.attribute)?"":i.id);return}g.topViewAddBox({newPolygon:i,size:s,imgList:o,trackConfigurable:v.trackConfigurable,zoom:a})}),l.singleOn("deletedObject",({id:i})=>{S(i),w(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=g.topViewUpdateBox)==null||a.call(g,i,s)});const d=i=>{var a;const C=q(i);C&&t.syncAllViewPointCloudColor(C),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,g,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:C}}=t;C.singleOn("renderZoom",(r,m)=>{const{offsetX:h,offsetY:O}=TransferCanvas2WorldOffset(m,s,r);if(a.camera.zoom=r,m){const{x:b,y:_,z:E}=a.initCameraPosition;a.camera.position.set(b+O,_-h,E)}a.camera.updateProjectionMatrix(),a.render(),x(r),f({zoom:r,currentPos:m})}),C.singleOn("dragMove",({currentPos:r,zoom:m})=>{const{offsetX:h,offsetY:O}=TransferCanvas2WorldOffset(r,s,m);a.camera.zoom=m;const{x:b,y:_,z:E}=a.initCameraPosition;a.camera.position.set(b+O,_-h,E),a.render(),f({zoom:m,currentPos:r})})},[s,t.topViewInstance]),React.useEffect(()=>{var l,d;(d=(l=t.topViewInstance)==null?void 0:l.pointCloudInstance)==null||d.applyZAxisPoints(V)},[V]),React.useEffect(()=>{g.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(P)),React__default.default.createElement(PointCloudInfos.BoxInfos,{checkMode:p,config:v}),React__default.default.createElement(ZAxisSlider,{checkMode:p,zAxisLimit:V,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;

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

@@ -0,0 +1 @@
+"use strict";var React=require("react"),dom=require("../../../../utils/dom.js"),antd=require("antd");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const PointCloudSizeSlider=({onChange:e})=>React__default.default.createElement("span",{className:dom.getClassName("point-cloud-container","slider-container")},React__default.default.createElement("span",{className:dom.getClassName("point-cloud-container","slider-container","circle")}),React__default.default.createElement("span",{className:dom.getClassName("point-cloud-container","slider-container","slider")},React__default.default.createElement(antd.Slider,{onChange:e,min:1,max:8})),React__default.default.createElement("span",{className:dom.getClassName("point-cloud-container","slider-container","circle"),style:{width:"10px",height:"10px"}}));module.exports=PointCloudSizeSlider;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),usePointCloudViews=require("./usePointCloudViews.js"),useSingleBox=require("./useSingleBox.js"),PointCloudContext=require("../PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils");const{ERotateDirection}=lbAnnotation.cAnnotation,useRotate=({currentData:t})=>{const e=React.useContext(PointCloudContext.PointCloudContext),{selectedBox:i,updateSelectedBox:a}=useSingleBox.useSingleBox();return{updateRotate:React.useCallback(l=>{const{topViewInstance:s,mainViewInstance:n,syncAllViewPointCloudColor:c}=e;if(!s||!n)return;const{pointCloud2dOperation:u}=s,o=i==null?void 0:i.info;if(!o||!(t==null?void 0:t.url)||!e.backViewInstance)return;const d=a({rotation:lbUtils.PointCloudUtils.restrictAngleRange(o.rotation+Number(Math.PI*l)/180)});u.rotatePolygon(l,ERotateDirection.Anticlockwise);const r=u.selectedPolygon;n.generateBox(o),c(d),usePointCloudViews.synchronizeSideView(o,r,e.sideViewInstance,t.url),usePointCloudViews.synchronizeBackView(o,r,e.backViewInstance,t.url),n.render()},[e.selectedID,e.pointCloudBoxList,e.setPointCloudResult,e.topViewInstance,t])}};exports.useRotate=useRotate;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),usePointCloudViews=require("./usePointCloudViews.js"),useSingleBox=require("./useSingleBox.js"),PointCloudContext=require("../PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),ahooks=require("ahooks");const{ERotateDirection}=lbAnnotation.cAnnotation,useRotate=({currentData:o})=>{const t=React.useContext(PointCloudContext.PointCloudContext),{selectedBox:i,updateSelectedBox:a}=useSingleBox.useSingleBox(),{run:c}=ahooks.useThrottleFn(s=>{const{topViewInstance:l,mainViewInstance:n,syncAllViewPointCloudColor:d}=t;if(!l||!n)return;const{pointCloud2dOperation:r}=l,e=i==null?void 0:i.info;if(!e||!(o==null?void 0:o.url)||!t.backViewInstance)return;const C=a({rotation:lbUtils.PointCloudUtils.restrictAngleRange(e.rotation+Number(Math.PI*s)/180)});r.rotatePolygon(s,ERotateDirection.Anticlockwise);const u=r.selectedPolygon;n.generateBox(e),d(C),usePointCloudViews.synchronizeSideView(e,u,t.sideViewInstance,o.url),usePointCloudViews.synchronizeBackView(e,u,t.backViewInstance,o.url),n.render()},{wait:800});return{updateRotate:c}};exports.useRotate=useRotate;

package/dist/index.css

@@ -1306,6 +1306,23 @@
   cursor: pointer;
   margin-right: 16px;
 }
+.bee-point-cloud-wrapper .bee-point-cloud-container__slider-container {
+  width: 100px;
+  padding: 0px 4px;
+  display: flex;
+  align-items: center;
+}
+.bee-point-cloud-wrapper .bee-point-cloud-container__slider-container__circle {
+  display: block;
+  width: 5px;
+  height: 5px;
+  background: #d9d9d9;
+  border-radius: 50%;
+}
+.bee-point-cloud-wrapper .bee-point-cloud-container__slider-container__slider {
+  width: 70px;
+  padding: 0 4px;
+}
 .bee-point-cloud-wrapper .bee-point-cloud-container__left {
   width: 40%;
   display: flex;

package/dist/types/components/pointCloudView/components/PointCloudSizeSlider/index.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+    onChange: (size: number) => void;
+}
+declare const PointCloudSizeSlider: ({ onChange }: IProps) => JSX.Element;
+export default PointCloudSizeSlider;

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

@@ -4,5 +4,5 @@ import { IAnnotationStateProps } from '@/store/annotation/map';
  * @returns
  */
 export declare const useRotate: ({ currentData }: IAnnotationStateProps) => {
-    updateRotate: (angle: number) => void;
+    updateRotate: import("lodash").DebouncedFunc<(angle: number) => void>;
 };

package/es/assets/predictTracking/icon.svg.js

@@ -1 +1,4 @@
-var c="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3e %3cdefs%3e %3cstyle%3e .cls-1 %7b fill: %23797979%3b stroke: rgba(0%2c0%2c0%2c0)%3b stroke-miterlimit: 10%3b %7d .cls-2 %7b fill: none%3b opacity: 0.3%3b %7d %3c/style%3e %3c/defs%3e %3cg id='icon_buquan' transform='translate(0.501 0.5)'%3e %3cpath id='Clip_2' data-name='Clip 2' class='cls-2' d='M0%2c0H18V18H0Z'/%3e %3cpath id='%e5%87%8f%e5%8e%bb_15' data-name='%e5%87%8f%e5%8e%bb 15' class='cls-1' d='M473.725%2c6954H462.273a1.561%2c1.561%2c0%2c0%2c1-1.159-.529%2c1.88%2c1.88%2c0%2c0%2c1-.48-1.272v-.9h-.815a.809.809%2c0%2c0%2c1-.585-.271.9.9%2c0%2c0%2c1-.236-.6V6947.7a.863.863%2c0%2c0%2c1%2c.819-.9h.817c0-3.474%2c2.569-6.3%2c5.726-6.3h.824v-1.143a1.83%2c1.83%2c0%2c0%2c1-.819-1.557%2c1.914%2c1.914%2c0%2c0%2c1%2c.48-1.274%2c1.532%2c1.532%2c0%2c0%2c1%2c2.312%2c0%2c1.9%2c1.9%2c0%2c0%2c1%2c.48%2c1.272%2c1.836%2c1.836%2c0%2c0%2c1-.817%2c1.559v1.141h.817a6.041%2c6.041%2c0%2c0%2c1%2c5.726%2c6.3h.819a.862.862%2c0%2c0%2c1%2c.817.9v2.733a.916.916%2c0%2c0%2c1-.234.6.809.809%2c0%2c0%2c1-.585.271h-.819v.9a1.879%2c1.879%2c0%2c0%2c1-.48%2c1.272A1.578%2c1.578%2c0%2c0%2c1%2c473.725%2c6954ZM471%2c6946a1%2c1%2c0%2c0%2c0-1%2c1v1a1%2c1%2c0%2c1%2c0%2c2%2c0v-1A1%2c1%2c0%2c0%2c0%2c471%2c6946Zm-6%2c0a1%2c1%2c0%2c0%2c0-1%2c1v1a1%2c1%2c0%2c1%2c0%2c2%2c0v-1A1%2c1%2c0%2c0%2c0%2c465%2c6946Z' transform='translate(-459 -6936)'/%3e %3c/g%3e%3c/svg%3e";export{c as default};
+var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3e %3cdefs%3e %3cstyle%3e .cls-1 %7b fill: %23797979%3b stroke: rgba(0%2c0%2c0%2c0)%3b stroke-miterlimit: 10%3b %7d .cls-2 %7b fill: none%3b opacity: 0.3%3b %7d %3c/style%3e %3c/defs%3e %3cg id='icon_buquan' transform='translate(0.501 0.5)'%3e %3cpath id='Clip_2' data-name='Clip 2' class='cls-2' d='M0%2c0H18V18H0Z'/%3e %3cpath id='%e5%87%8f%e5%8e%bb_15' data-name='%e5%87%8f%e5%8e%bb 15' class='cls-1' d='M473.725%2c6954H462.273a1.561%2c1.561%2c0%2c0%2c1-1.159-.529%2c1.88%2c1.88%2c0%2c0%2c1-.48-1.272v-.9h-.815a.809.809%2c0%2c0%2c1-.585-.271.9.9%2c0%2c0%2c1-.236-.6V6947.7a.863.863%2c0%2c0%2c1%2c.819-.9h.817c0-3.474%2c2.569-6.3%2c5.726-6.3h.824v-1.143a1.83%2c1.83%2c0%2c0%2c1-.819-1.557%2c1.914%2c1.914%2c0%2c0%2c1%2c.48-1.274%2c1.532%2c1.532%2c0%2c0%2c1%2c2.312%2c0%2c1.9%2c1.9%2c0%2c0%2c1%2c.48%2c1.272%2c1.836%2c1.836%2c0%2c0%2c1-.817%2c1.559v1.141h.817a6.041%2c6.041%2c0%2c0%2c1%2c5.726%2c6.3h.819a.862.862%2c0%2c0%2c1%2c.817.9v2.733a.916.916%2c0%2c0%2c1-.234.6.809.809%2c0%2c0%2c1-.585.271h-.819v.9a1.879%2c1.879%2c0%2c0%2c1-.48%2c1.272A1.578%2c1.578%2c0%2c0%2c1%2c473.725%2c6954ZM471%2c6946a1%2c1%2c0%2c0%2c0-1%2c1v1a1%2c1%2c0%2c1%2c0%2c2%2c0v-1A1%2c1%2c0%2c0%2c0%2c471%2c6946Zm-6%2c0a1%2c1%2c0%2c0%2c0-1%2c1v1a1%2c1%2c0%2c1%2c0%2c2%2c0v-1A1%2c1%2c0%2c0%2c0%2c465%2c6946Z' transform='translate(-459 -6936)'/%3e %3c/g%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=icon.svg.js.map

package/es/components/pointCloudView/PointCloud3DView.js

@@ -1 +1 @@
-import{getClassName as m}from"../../utils/dom.js";import{PointCloud as L}from"@labelbee/lb-annotation";import{PointCloudUtils as N,toolStyleConverter as D,EPerspectiveView as C}from"@labelbee/lb-utils";import z from"classnames";import o,{useContext as V,useState as R,useRef as k,useEffect as v,useMemo as A}from"react";import{PointCloudContainer as F}from"./PointCloudLayout.js";import{PointCloudContext as M}from"./PointCloudContext.js";import{a2MapStateToProps as U}from"../../store/annotation/map.js";import{connect as Z}from"react-redux";import{jsonParser as q}from"../../utils/index.js";import{useSingleBox as G}from"./hooks/useSingleBox.js";import{Switch as H,Tooltip as J}from"antd";import K from"../../hooks/useSize.js";import{usePointCloudViews as Q}from"./hooks/usePointCloudViews.js";import{useTranslation as E}from"react-i18next";import{LabelBeeContext as W}from"../../store/ctx.js";var X=Object.defineProperty,Y=Object.defineProperties,$=Object.getOwnPropertyDescriptors,x=Object.getOwnPropertySymbols,ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable,I=(e,i,r)=>i in e?X(e,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[i]=r,b=(e,i)=>{for(var r in i||(i={}))ee.call(i,r)&&I(e,r,i[r]);if(x)for(var r of x(i))te.call(i,r)&&I(e,r,i[r]);return e},oe=(e,i)=>Y(e,$(i));const ie="LABELBEE-POINTCLOUD",P=o.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{},followTopView:()=>{}}),u=({perspectiveView:e})=>{const{isActive:i,setTarget3DView:r}=V(P),n=f=>z({[m("point-cloud-3d-view",f)]:!0,active:i});return o.createElement("span",{onClick:()=>{r(C[e])},className:n(e.toLocaleLowerCase())})},ne=()=>{const{reset3DView:e,followTopView:i}=V(P),{t:r}=E();return o.createElement("div",{className:m("point-cloud-3d-sidebar")},o.createElement(u,{perspectiveView:"Top"}),o.createElement(u,{perspectiveView:"Front"}),o.createElement(u,{perspectiveView:"Left"}),o.createElement(u,{perspectiveView:"Back"}),o.createElement(u,{perspectiveView:"Right"}),o.createElement(u,{perspectiveView:"LFT"}),o.createElement(u,{perspectiveView:"RBT"}),o.createElement(J,{title:r("CameraFollowTopView")},o.createElement("span",{onClick:()=>{i()},className:m("point-cloud-3d-view","followTop")})),o.createElement("span",{onClick:()=>{e()},className:m("point-cloud-3d-view","reset")}))},re=({currentData:e,config:i})=>{var r;const n=V(M),[f,T]=R(!0),w=k(null),{initPointCloud3d:g}=Q(),c=K(w),{t:h}=E();v(()=>{!n.mainViewInstance||g==null||g(c)},[c]);const{selectedBox:p}=G(),_=t=>{var a;const l=p==null?void 0:p.info;if(l){const s=b({},l.center);s.x=s.x-.01,s.z=10;const d=t===C.Top;(a=n.mainViewInstance)==null||a.updateCameraByBox(l,t,d?s:void 0)}},O=()=>{var t;(t=n.mainViewInstance)==null||t.resetCamera()},j=()=>{var t,a;const l=(t=n.topViewInstance)==null?void 0:t.pointCloudInstance.camera;l&&((a=n.mainViewInstance)==null||a.applyCameraTarget(l))};v(()=>{if(w.current&&(e==null?void 0:e.url)){let t=n.mainViewInstance;if(!t&&c.width){const a={left:-c.width/2,right:c.width/2,top:c.height/2,bottom:-c.height/2,near:100,far:-100};t=new L({container:w.current,isOrthographicCamera:!0,orthographicParams:a,config:i}),n.setMainViewInstance(t)}}},[c]),v(()=>{var t;if(w.current&&(e==null?void 0:e.url)&&e.result&&n.mainViewInstance){let a=n.mainViewInstance;const l=N.getBoxParamsFromResultList(e.result);l.forEach(s=>{var d;const B=(d=D.getColorFromConfig({attribute:s.attribute},oe(b({},i),{attributeConfigurable:!0}),{}))==null?void 0:d.hex;a==null||a.generateBox(s,B)}),n.setPointCloudResult(l),n.setPointCloudValid((t=q(e.result))==null?void 0:t.valid)}},[e,n.mainViewInstance]),v(()=>{var t,a,l,s;if(p){_(C.Top);const d=(l=(a=(t=n.topViewInstance)==null?void 0:t.pointCloudInstance)==null?void 0:a.camera.zoom)!=null?l:1;(s=n.mainViewInstance)==null||s.updateCameraZoom(d)}},[p]);const S=A(()=>({reset3DView:O,setTarget3DView:_,isActive:!!p,followTopView:j}),[p,n.mainViewInstance]),y=o.createElement("div",null,o.createElement("span",{style:{marginRight:8}},h("ShowArrows")),o.createElement(H,{size:"small",checked:f,onChange:t=>{var a;T(t),(a=n.mainViewInstance)==null||a.setShowDirection(t)}}));return o.createElement(F,{className:m("point-cloud-3d-container"),title:h("3DView"),toolbar:y,style:{height:e.mappingImgList&&((r=e.mappingImgList)==null?void 0:r.length)>0?"55%":"100%"}},o.createElement("div",{className:m("point-cloud-3d-content")},o.createElement(P.Provider,{value:S},o.createElement(ne,null)),o.createElement("div",{className:m("point-cloud-3d-view"),id:ie,ref:w})))};var ae=Z(U,null,null,{context:W})(re);export{ae as default};
+import{getClassName as m}from"../../utils/dom.js";import{PointCloud as L}from"@labelbee/lb-annotation";import{PointCloudUtils as N,toolStyleConverter as z,EPerspectiveView as f}from"@labelbee/lb-utils";import D from"classnames";import o,{useContext as V,useState as R,useRef as k,useEffect as v,useMemo as F}from"react";import{PointCloudContainer as A}from"./PointCloudLayout.js";import{PointCloudContext as M}from"./PointCloudContext.js";import{a2MapStateToProps as U}from"../../store/annotation/map.js";import{connect as Z}from"react-redux";import{jsonParser as q}from"../../utils/index.js";import{useSingleBox as G}from"./hooks/useSingleBox.js";import{Switch as H,Tooltip as J}from"antd";import K from"../../hooks/useSize.js";import{usePointCloudViews as Q}from"./hooks/usePointCloudViews.js";import{useTranslation as E}from"react-i18next";import{LabelBeeContext as W}from"../../store/ctx.js";import X from"./components/PointCloudSizeSlider/index.js";var Y=Object.defineProperty,$=Object.defineProperties,ee=Object.getOwnPropertyDescriptors,x=Object.getOwnPropertySymbols,te=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable,I=(e,n,a)=>n in e?Y(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a,b=(e,n)=>{for(var a in n||(n={}))te.call(n,a)&&I(e,a,n[a]);if(x)for(var a of x(n))oe.call(n,a)&&I(e,a,n[a]);return e},ne=(e,n)=>$(e,ee(n));const ie="LABELBEE-POINTCLOUD",P=o.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{},followTopView:()=>{}}),u=({perspectiveView:e})=>{const{isActive:n,setTarget3DView:a}=V(P),i=C=>D({[m("point-cloud-3d-view",C)]:!0,active:n});return o.createElement("span",{onClick:()=>{a(f[e])},className:i(e.toLocaleLowerCase())})},re=()=>{const{reset3DView:e,followTopView:n}=V(P),{t:a}=E();return o.createElement("div",{className:m("point-cloud-3d-sidebar")},o.createElement(u,{perspectiveView:"Top"}),o.createElement(u,{perspectiveView:"Front"}),o.createElement(u,{perspectiveView:"Left"}),o.createElement(u,{perspectiveView:"Back"}),o.createElement(u,{perspectiveView:"Right"}),o.createElement(u,{perspectiveView:"LFT"}),o.createElement(u,{perspectiveView:"RBT"}),o.createElement(J,{title:a("CameraFollowTopView")},o.createElement("span",{onClick:()=>{n()},className:m("point-cloud-3d-view","followTop")})),o.createElement("span",{onClick:()=>{e()},className:m("point-cloud-3d-view","reset")}))},ae=({currentData:e,config:n})=>{var a;const i=V(M),[C,T]=R(!0),w=k(null),{initPointCloud3d:g}=Q(),c=K(w),{t:h}=E();v(()=>{!i.mainViewInstance||g==null||g(c)},[c]);const{selectedBox:p}=G(),_=t=>{var r;const l=p==null?void 0:p.info;if(l){const s=b({},l.center);s.x=s.x-.01,s.z=10;const d=t===f.Top;(r=i.mainViewInstance)==null||r.updateCameraByBox(l,t,d?s:void 0)}},S=()=>{var t;(t=i.mainViewInstance)==null||t.resetCamera()},j=()=>{var t,r;const l=(t=i.topViewInstance)==null?void 0:t.pointCloudInstance.camera;l&&((r=i.mainViewInstance)==null||r.applyCameraTarget(l))};v(()=>{if(w.current&&(e==null?void 0:e.url)){let t=i.mainViewInstance;if(!t&&c.width){const r={left:-c.width/2,right:c.width/2,top:c.height/2,bottom:-c.height/2,near:100,far:-100};t=new L({container:w.current,isOrthographicCamera:!0,orthographicParams:r,config:n}),i.setMainViewInstance(t)}}},[c]),v(()=>{var t;if(w.current&&(e==null?void 0:e.url)&&e.result&&i.mainViewInstance){let r=i.mainViewInstance;const l=N.getBoxParamsFromResultList(e.result);l.forEach(s=>{var d;const B=(d=z.getColorFromConfig({attribute:s.attribute},ne(b({},n),{attributeConfigurable:!0}),{}))==null?void 0:d.hex;r==null||r.generateBox(s,B)}),i.setPointCloudResult(l),i.setPointCloudValid((t=q(e.result))==null?void 0:t.valid)}},[e,i.mainViewInstance]),v(()=>{var t,r,l,s;if(p){_(f.Top);const d=(l=(r=(t=i.topViewInstance)==null?void 0:t.pointCloudInstance)==null?void 0:r.camera.zoom)!=null?l:1;(s=i.mainViewInstance)==null||s.updateCameraZoom(d)}},[p]);const O=F(()=>({reset3DView:S,setTarget3DView:_,isActive:!!p,followTopView:j}),[p,i.mainViewInstance]),y=o.createElement(o.Fragment,null,o.createElement(X,{onChange:t=>{var r;(r=i.mainViewInstance)==null||r.updatePointSize({customSize:t})}}),o.createElement("span",{style:{marginRight:8}},h("ShowArrows")),o.createElement(H,{size:"small",checked:C,onChange:t=>{var r;T(t),(r=i.mainViewInstance)==null||r.setShowDirection(t)}}));return o.createElement(A,{className:m("point-cloud-3d-container"),title:h("3DView"),toolbar:y,style:{height:e.mappingImgList&&((a=e.mappingImgList)==null?void 0:a.length)>0?"55%":"100%"}},o.createElement("div",{className:m("point-cloud-3d-content")},o.createElement(P.Provider,{value:O},o.createElement(re,null)),o.createElement("div",{className:m("point-cloud-3d-view"),id:ie,ref:w})))};var le=Z(U,null,null,{context:W})(ae);export{le as default};

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

@@ -1 +1 @@
-{"version":3,"file":"PointCloud3DView.js","sources":["../../../src/components/pointCloudView/PointCloud3DView.tsx"],"sourcesContent":["/*\n * @Author: Laoluo luozefeng@sensetime.com\n * @Date: 2022-06-13 19:31:36\n * @LastEditors: Laoluo luozefeng@sensetime.com\n * @LastEditTime: 2022-06-27 19:43:25\n */\n\nimport { getClassName } from '@/utils/dom';\nimport { PointCloud } from '@labelbee/lb-annotation';\nimport {\n  EPerspectiveView,\n  IPointCloudBox,\n  PointCloudUtils,\n  toolStyleConverter,\n} from '@labelbee/lb-utils';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport { PointCloudContext } from './PointCloudContext';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { connect } from 'react-redux';\nimport { jsonParser } from '@/utils';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { Switch, Tooltip } from 'antd';\nimport useSize from '@/hooks/useSize';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\n\nconst pointCloudID = 'LABELBEE-POINTCLOUD';\nconst PointCloud3DContext = React.createContext<{\n  isActive: boolean;\n  setTarget3DView: (perspectiveView: EPerspectiveView) => void;\n  reset3DView: () => void;\n  followTopView: () => void;\n}>({\n  isActive: false,\n  setTarget3DView: () => {},\n  reset3DView: () => {},\n  followTopView: () => {},\n});\n\nconst PointCloudViewIcon = ({\n  perspectiveView,\n}: {\n  perspectiveView: keyof typeof EPerspectiveView;\n}) => {\n  const { isActive, setTarget3DView } = useContext(PointCloud3DContext);\n\n  const getTarget3DViewClassName = (position: string) => {\n    return classNames({\n      [getClassName('point-cloud-3d-view', position)]: true,\n      active: isActive,\n    });\n  };\n\n  return (\n    <span\n      onClick={() => {\n        setTarget3DView(EPerspectiveView[perspectiveView]);\n      }}\n      className={getTarget3DViewClassName(perspectiveView.toLocaleLowerCase())}\n    />\n  );\n};\n\nconst PointCloud3DSideBar = () => {\n  const { reset3DView, followTopView } = useContext(PointCloud3DContext);\n  const { t } = useTranslation();\n  return (\n    <div className={getClassName('point-cloud-3d-sidebar')}>\n      <PointCloudViewIcon perspectiveView='Top' />\n      <PointCloudViewIcon perspectiveView='Front' />\n      <PointCloudViewIcon perspectiveView='Left' />\n      <PointCloudViewIcon perspectiveView='Back' />\n      <PointCloudViewIcon perspectiveView='Right' />\n      <PointCloudViewIcon perspectiveView='LFT' />\n      <PointCloudViewIcon perspectiveView='RBT' />\n\n      <Tooltip title={t('CameraFollowTopView')}>\n        <span\n          onClick={() => {\n            followTopView();\n          }}\n          className={getClassName('point-cloud-3d-view', 'followTop')}\n        />\n      </Tooltip>\n\n      <span\n        onClick={() => {\n          reset3DView();\n        }}\n        className={getClassName('point-cloud-3d-view', 'reset')}\n      />\n    </div>\n  );\n};\n\nconst PointCloud3D: React.FC<IA2MapStateProps> = ({ currentData, config }) => {\n  const ptCtx = useContext(PointCloudContext);\n  const [showDirection, setShowDirection] = useState(true);\n  const ref = useRef<HTMLDivElement>(null);\n  const { initPointCloud3d } = usePointCloudViews();\n  const size = useSize(ref);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    if (!ptCtx.mainViewInstance) {\n      return;\n    }\n    initPointCloud3d?.(size);\n  }, [size]);\n  const { selectedBox } = useSingleBox();\n\n  const setTarget3DView = (perspectiveView: EPerspectiveView) => {\n    const box = selectedBox?.info;\n\n    if (box) {\n      // Business Logic: If the updated view is top, need to sync with topView Direction in 3dView.\n      const topViewVector = { ...box.center };\n      topViewVector.x = topViewVector.x - 0.01;\n      topViewVector.z = 10;\n      const isTopView = perspectiveView === EPerspectiveView.Top;\n\n      ptCtx.mainViewInstance?.updateCameraByBox(\n        box,\n        perspectiveView,\n        isTopView ? topViewVector : undefined,\n      );\n    }\n  };\n\n  const reset3DView = () => {\n    ptCtx.mainViewInstance?.resetCamera();\n  };\n\n  const followTopView = () => {\n    const topViewCamera = ptCtx.topViewInstance?.pointCloudInstance.camera;\n    if (topViewCamera) {\n      ptCtx.mainViewInstance?.applyCameraTarget(topViewCamera);\n    }\n  };\n\n  useEffect(() => {\n    if (ref.current && currentData?.url) {\n      let pointCloud = ptCtx.mainViewInstance;\n      if (!pointCloud && size.width) {\n        const orthographicParams = {\n          left: -size.width / 2,\n          right: size.width / 2,\n          top: size.height / 2,\n          bottom: -size.height / 2,\n          near: 100,\n          far: -100,\n        };\n\n        // Need to be showed\n        pointCloud = new PointCloud({\n          container: ref.current,\n          isOrthographicCamera: true,\n          orthographicParams,\n          config,\n        });\n        ptCtx.setMainViewInstance(pointCloud);\n      }\n    }\n  }, [size]);\n\n  /**\n   * Listen for data changes.\n   */\n  useEffect(() => {\n    if (ref.current && currentData?.url) {\n      if (currentData.result && ptCtx.mainViewInstance) {\n        let pointCloud = ptCtx.mainViewInstance;\n        const boxParamsList = PointCloudUtils.getBoxParamsFromResultList(currentData.result);\n\n        // Add Init Box\n        boxParamsList.forEach((v: IPointCloudBox) => {\n          const hex = toolStyleConverter.getColorFromConfig(\n            { attribute: v.attribute },\n            { ...config, attributeConfigurable: true },\n            {},\n          )?.hex;\n\n          pointCloud?.generateBox(v, hex);\n        });\n\n        ptCtx.setPointCloudResult(boxParamsList);\n        ptCtx.setPointCloudValid(jsonParser(currentData.result)?.valid);\n      }\n    }\n  }, [currentData, ptCtx.mainViewInstance]);\n\n  /**\n   *  Observe selectedID and reset camera to target top-view\n   */\n  useEffect(() => {\n    if (selectedBox) {\n      setTarget3DView(EPerspectiveView.Top);\n\n      /**\n       * 3DView's zoom synchronizes with topView' zoom.\n       */\n      const zoom = ptCtx.topViewInstance?.pointCloudInstance?.camera.zoom ?? 1;\n      ptCtx.mainViewInstance?.updateCameraZoom(zoom);\n    }\n  }, [selectedBox]);\n\n  const ptCloud3DCtx = useMemo(() => {\n    return { reset3DView, setTarget3DView, isActive: !!selectedBox, followTopView };\n  }, [selectedBox, ptCtx.mainViewInstance]);\n\n  const PointCloud3DTitle = (\n    <div>\n      <span style={{ marginRight: 8 }}>{t('ShowArrows')}</span>\n      <Switch\n        size='small'\n        checked={showDirection}\n        onChange={(showDirection) => {\n          setShowDirection(showDirection);\n          ptCtx.mainViewInstance?.setShowDirection(showDirection);\n        }}\n      />\n    </div>\n  );\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-3d-container')}\n      title={t('3DView')}\n      toolbar={PointCloud3DTitle}\n      style={{\n        height:\n          currentData.mappingImgList && currentData.mappingImgList?.length > 0 ? '55%' : '100%',\n      }}\n    >\n      <div className={getClassName('point-cloud-3d-content')}>\n        <PointCloud3DContext.Provider value={ptCloud3DCtx}>\n          <PointCloud3DSideBar />\n        </PointCloud3DContext.Provider>\n        <div className={getClassName('point-cloud-3d-view')} id={pointCloudID} ref={ref} />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(PointCloud3D);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,YAAe,GAAA,qBAAA,CAAA;AACrB,MAAM,mBAAA,GAAsB,MAAM,aAK/B,CAAA;AAAA,EACD,QAAU,EAAA,KAAA;AAAA,EACV,iBAAiB,MAAM;AAAA,GAAA;AAAA,EACvB,aAAa,MAAM;AAAA,GAAA;AAAA,EACnB,eAAe,MAAM;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;AAGvB,MAAM,qBAAqB,CAAC;AAAA,EAC1B,eAAA;AAAA,CAGI,KAAA;AACJ,EAAM,MAAA,CAAE,QAAU,EAAA,eAAA,CAAA,GAAoB,UAAW,CAAA,mBAAA,CAAA,CAAA;AAEjD,EAAM,MAAA,wBAAA,GAA2B,CAAC,QAAqB,KAAA;AACrD,IAAA,OAAO,UAAW,CAAA;AAAA,MACf,CAAA,YAAA,CAAa,uBAAuB,QAAY,CAAA,GAAA,IAAA;AAAA,MACjD,MAAQ,EAAA,QAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAIZ,EAAA,2CACG,MAAD,EAAA;AAAA,IACE,SAAS,MAAM;AACb,MAAA,eAAA,CAAgB,gBAAiB,CAAA,eAAA,CAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAEnC,SAAA,EAAW,yBAAyB,eAAgB,CAAA,iBAAA,EAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAK1D,MAAM,sBAAsB,MAAM;AAChC,EAAM,MAAA,CAAE,WAAa,EAAA,aAAA,CAAA,GAAkB,UAAW,CAAA,mBAAA,CAAA,CAAA;AAClD,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AACd,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,WAAW,YAAa,CAAA,wBAAA,CAAA;AAAA,GAAA,sCAC1B,kBAAD,EAAA;AAAA,IAAoB,eAAgB,EAAA,KAAA;AAAA,GAAA,CAAA,sCACnC,kBAAD,EAAA;AAAA,IAAoB,eAAgB,EAAA,OAAA;AAAA,GAAA,CAAA,sCACnC,kBAAD,EAAA;AAAA,IAAoB,eAAgB,EAAA,MAAA;AAAA,GAAA,CAAA,sCACnC,kBAAD,EAAA;AAAA,IAAoB,eAAgB,EAAA,MAAA;AAAA,GAAA,CAAA,sCACnC,kBAAD,EAAA;AAAA,IAAoB,eAAgB,EAAA,OAAA;AAAA,GAAA,CAAA,sCACnC,kBAAD,EAAA;AAAA,IAAoB,eAAgB,EAAA,KAAA;AAAA,GAAA,CAAA,sCACnC,kBAAD,EAAA;AAAA,IAAoB,eAAgB,EAAA,KAAA;AAAA,GAAA,CAAA,sCAEnC,OAAD,EAAA;AAAA,IAAS,OAAO,CAAE,CAAA,qBAAA,CAAA;AAAA,GAAA,sCACf,MAAD,EAAA;AAAA,IACE,SAAS,MAAM;AACb,MAAA,aAAA,EAAA,CAAA;AAAA,KAAA;AAAA,IAEF,SAAA,EAAW,aAAa,qBAAuB,EAAA,WAAA,CAAA;AAAA,GAAA,CAAA,CAAA,sCAIlD,MAAD,EAAA;AAAA,IACE,SAAS,MAAM;AACb,MAAA,WAAA,EAAA,CAAA;AAAA,KAAA;AAAA,IAEF,SAAA,EAAW,aAAa,qBAAuB,EAAA,OAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAMvD,MAAM,YAA2C,GAAA,CAAC,CAAE,WAAA,EAAa,MAAa,CAAA,KAAA;AAlG9E,EAAA,IAAA,EAAA,CAAA;AAmGE,EAAA,MAAM,QAAQ,UAAW,CAAA,iBAAA,CAAA,CAAA;AACzB,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAA,CAAA,GAAoB,QAAS,CAAA,IAAA,CAAA,CAAA;AACnD,EAAA,MAAM,MAAM,MAAuB,CAAA,IAAA,CAAA,CAAA;AACnC,EAAA,MAAM,CAAE,gBAAqB,CAAA,GAAA,kBAAA,EAAA,CAAA;AAC7B,EAAA,MAAM,OAAO,OAAQ,CAAA,GAAA,CAAA,CAAA;AACrB,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AAEd,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,MAAM,gBAAkB,EAAA;AAC3B,MAAA,OAAA;AAAA,KAAA;AAEF,IAAmB,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,IAAA,CAAA,CAAA;AAAA,GAAA,EAClB,CAAC,IAAA,CAAA,CAAA,CAAA;AACJ,EAAA,MAAM,CAAE,WAAgB,CAAA,GAAA,YAAA,EAAA,CAAA;AAExB,EAAM,MAAA,eAAA,GAAkB,CAAC,eAAsC,KAAA;AAlHjE,IAAA,IAAA,GAAA,CAAA;AAmHI,IAAA,MAAM,MAAM,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,IAAA,CAAA;AAEzB,IAAA,IAAI,GAAK,EAAA;AAEP,MAAM,MAAA,aAAA,GAAgB,mBAAK,GAAI,CAAA,MAAA,CAAA,CAAA;AAC/B,MAAc,aAAA,CAAA,CAAA,GAAI,cAAc,CAAI,GAAA,IAAA,CAAA;AACpC,MAAA,aAAA,CAAc,CAAI,GAAA,EAAA,CAAA;AAClB,MAAM,MAAA,SAAA,GAAY,oBAAoB,gBAAiB,CAAA,GAAA,CAAA;AAEvD,MAAA,CAAA,GAAA,GAAA,KAAA,CAAM,qBAAN,IAAwB,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,iBAAA,CACtB,GACA,EAAA,eAAA,EACA,YAAY,aAAgB,GAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAKlC,EAAA,MAAM,cAAc,MAAM;AApI5B,IAAA,IAAA,GAAA,CAAA;AAqII,IAAA,CAAA,GAAA,GAAA,KAAA,CAAM,qBAAN,IAAwB,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,WAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAG1B,EAAA,MAAM,gBAAgB,MAAM;AAxI9B,IAAA,IAAA,GAAA,EAAA,EAAA,CAAA;AAyII,IAAA,MAAM,aAAgB,GAAA,CAAA,GAAA,GAAA,KAAA,CAAM,eAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAuB,kBAAmB,CAAA,MAAA,CAAA;AAChE,IAAA,IAAI,aAAe,EAAA;AACjB,MAAM,CAAA,EAAA,GAAA,KAAA,CAAA,gBAAA,KAAN,mBAAwB,iBAAkB,CAAA,aAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAI9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,GAAA,CAAI,OAAW,KAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,GAAK,CAAA,EAAA;AACnC,MAAA,IAAI,aAAa,KAAM,CAAA,gBAAA,CAAA;AACvB,MAAI,IAAA,CAAC,UAAc,IAAA,IAAA,CAAK,KAAO,EAAA;AAC7B,QAAA,MAAM,kBAAqB,GAAA;AAAA,UACzB,IAAA,EAAM,CAAC,IAAA,CAAK,KAAQ,GAAA,CAAA;AAAA,UACpB,KAAA,EAAO,KAAK,KAAQ,GAAA,CAAA;AAAA,UACpB,GAAA,EAAK,KAAK,MAAS,GAAA,CAAA;AAAA,UACnB,MAAA,EAAQ,CAAC,IAAA,CAAK,MAAS,GAAA,CAAA;AAAA,UACvB,IAAM,EAAA,GAAA;AAAA,UACN,GAAK,EAAA,CAAA,GAAA;AAAA,SAAA,CAAA;AAIP,QAAA,UAAA,GAAa,IAAI,UAAW,CAAA;AAAA,UAC1B,WAAW,GAAI,CAAA,OAAA;AAAA,UACf,oBAAsB,EAAA,IAAA;AAAA,UACtB,kBAAA;AAAA,UACA,MAAA;AAAA,SAAA,CAAA,CAAA;AAEF,QAAA,KAAA,CAAM,mBAAoB,CAAA,UAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAAA,EAG7B,CAAC,IAAA,CAAA,CAAA,CAAA;AAKJ,EAAA,SAAA,CAAU,MAAM;AA3KlB,IAAA,IAAA,GAAA,CAAA;AA4KI,IAAI,IAAA,GAAA,CAAI,OAAW,KAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,GAAK,CAAA,EAAA;AACnC,MAAI,IAAA,WAAA,CAAY,MAAU,IAAA,KAAA,CAAM,gBAAkB,EAAA;AAChD,QAAA,IAAI,aAAa,KAAM,CAAA,gBAAA,CAAA;AACvB,QAAM,MAAA,aAAA,GAAgB,eAAgB,CAAA,0BAAA,CAA2B,WAAY,CAAA,MAAA,CAAA,CAAA;AAG7E,QAAc,aAAA,CAAA,OAAA,CAAQ,CAAC,CAAsB,KAAA;AAlLrD,UAAA,IAAA,GAAA,CAAA;AAmLU,UAAA,MAAM,GAAM,GAAA,CAAA,GAAA,GAAA,kBAAA,CAAmB,kBAC7B,CAAA,CAAE,SAAW,EAAA,CAAA,CAAE,SACf,CAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,MAAL,CAAA,EAAA,CAAa,qBAAuB,EAAA,IAAA,CAAA,CAAA,EACpC,QAHU,IAIT,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,GAAA,CAAA;AAEH,UAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,YAAY,CAAG,EAAA,GAAA,CAAA,CAAA;AAAA,SAAA,CAAA,CAAA;AAG7B,QAAA,KAAA,CAAM,mBAAoB,CAAA,aAAA,CAAA,CAAA;AAC1B,QAAA,KAAA,CAAM,kBAAmB,CAAA,CAAA,GAAA,GAAA,UAAA,CAAW,WAAY,CAAA,MAAA,CAAA,KAAvB,IAAgC,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAG5D,EAAA,CAAC,aAAa,KAAM,CAAA,gBAAA,CAAA,CAAA,CAAA;AAKvB,EAAA,SAAA,CAAU,MAAM;AArMlB,IAAA,IAAA,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAsMI,IAAA,IAAI,WAAa,EAAA;AACf,MAAA,eAAA,CAAgB,gBAAiB,CAAA,GAAA,CAAA,CAAA;AAKjC,MAAM,MAAA,IAAA,GAAO,yBAAM,eAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAuB,uBAAvB,IAA2C,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAO,SAAlD,IAA0D,GAAA,EAAA,GAAA,CAAA,CAAA;AACvE,MAAM,CAAA,EAAA,GAAA,KAAA,CAAA,gBAAA,KAAN,mBAAwB,gBAAiB,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAE1C,CAAC,WAAA,CAAA,CAAA,CAAA;AAEJ,EAAM,MAAA,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,OAAO,CAAE,WAAa,EAAA,eAAA,EAAiB,QAAU,EAAA,CAAC,CAAC,WAAa,EAAA,aAAA,CAAA,CAAA;AAAA,GAC/D,EAAA,CAAC,aAAa,KAAM,CAAA,gBAAA,CAAA,CAAA,CAAA;AAEvB,EAAA,MAAM,iBACJ,mBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,IAAA,sCACG,MAAD,EAAA;AAAA,IAAM,KAAA,EAAO,CAAE,WAAa,EAAA,CAAA,CAAA;AAAA,GAAM,EAAA,CAAA,CAAE,YACpC,CAAA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAD,EAAA;AAAA,IACE,IAAK,EAAA,OAAA;AAAA,IACL,OAAS,EAAA,aAAA;AAAA,IACT,QAAA,EAAU,CAAC,cAAkB,KAAA;AA3NrC,MAAA,IAAA,GAAA,CAAA;AA4NU,MAAiB,gBAAA,CAAA,cAAA,CAAA,CAAA;AACjB,MAAM,CAAA,GAAA,GAAA,KAAA,CAAA,gBAAA,KAAN,oBAAwB,gBAAiB,CAAA,cAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAMjD,EAAA,2CACG,mBAAD,EAAA;AAAA,IACE,WAAW,YAAa,CAAA,0BAAA,CAAA;AAAA,IACxB,OAAO,CAAE,CAAA,QAAA,CAAA;AAAA,IACT,OAAS,EAAA,iBAAA;AAAA,IACT,KAAO,EAAA;AAAA,MACL,MAAA,EACE,YAAY,cAAkB,IAAA,CAAA,CAAA,EAAA,GAAA,WAAA,CAAY,mBAAZ,IAA4B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,IAAS,IAAI,KAAQ,GAAA,MAAA;AAAA,KAAA;AAAA,GAAA,sCAGlF,KAAD,EAAA;AAAA,IAAK,WAAW,YAAa,CAAA,wBAAA,CAAA;AAAA,GAC3B,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAoB,QAArB,EAAA;AAAA,IAA8B,KAAO,EAAA,YAAA;AAAA,GAAA,kBAClC,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAD,IAEF,CAAA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA;AAAA,IAAK,WAAW,YAAa,CAAA,qBAAA,CAAA;AAAA,IAAwB,EAAI,EAAA,YAAA;AAAA,IAAc,GAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAM/E,uBAAe,QAAQ,iBAAmB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAAmB,CAAA,CAAA,CAAA,YAAA,CAAA;;;;"}
+{"version":3,"file":"PointCloud3DView.js","sources":["../../../src/components/pointCloudView/PointCloud3DView.tsx"],"sourcesContent":["/*\n * @Author: Laoluo luozefeng@sensetime.com\n * @Date: 2022-06-13 19:31:36\n * @LastEditors: Laoluo luozefeng@sensetime.com\n * @LastEditTime: 2022-06-27 19:43:25\n */\n\nimport { getClassName } from '@/utils/dom';\nimport { PointCloud } from '@labelbee/lb-annotation';\nimport {\n  EPerspectiveView,\n  IPointCloudBox,\n  PointCloudUtils,\n  toolStyleConverter,\n} from '@labelbee/lb-utils';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport { PointCloudContext } from './PointCloudContext';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { connect } from 'react-redux';\nimport { jsonParser } from '@/utils';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { Switch, Tooltip } from 'antd';\nimport useSize from '@/hooks/useSize';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\nimport PointCloudSizeSlider from './components/PointCloudSizeSlider';\n\nconst pointCloudID = 'LABELBEE-POINTCLOUD';\nconst PointCloud3DContext = React.createContext<{\n  isActive: boolean;\n  setTarget3DView: (perspectiveView: EPerspectiveView) => void;\n  reset3DView: () => void;\n  followTopView: () => void;\n}>({\n  isActive: false,\n  setTarget3DView: () => {},\n  reset3DView: () => {},\n  followTopView: () => {},\n});\n\nconst PointCloudViewIcon = ({\n  perspectiveView,\n}: {\n  perspectiveView: keyof typeof EPerspectiveView;\n}) => {\n  const { isActive, setTarget3DView } = useContext(PointCloud3DContext);\n\n  const getTarget3DViewClassName = (position: string) => {\n    return classNames({\n      [getClassName('point-cloud-3d-view', position)]: true,\n      active: isActive,\n    });\n  };\n\n  return (\n    <span\n      onClick={() => {\n        setTarget3DView(EPerspectiveView[perspectiveView]);\n      }}\n      className={getTarget3DViewClassName(perspectiveView.toLocaleLowerCase())}\n    />\n  );\n};\n\nconst PointCloud3DSideBar = () => {\n  const { reset3DView, followTopView } = useContext(PointCloud3DContext);\n  const { t } = useTranslation();\n  return (\n    <div className={getClassName('point-cloud-3d-sidebar')}>\n      <PointCloudViewIcon perspectiveView='Top' />\n      <PointCloudViewIcon perspectiveView='Front' />\n      <PointCloudViewIcon perspectiveView='Left' />\n      <PointCloudViewIcon perspectiveView='Back' />\n      <PointCloudViewIcon perspectiveView='Right' />\n      <PointCloudViewIcon perspectiveView='LFT' />\n      <PointCloudViewIcon perspectiveView='RBT' />\n\n      <Tooltip title={t('CameraFollowTopView')}>\n        <span\n          onClick={() => {\n            followTopView();\n          }}\n          className={getClassName('point-cloud-3d-view', 'followTop')}\n        />\n      </Tooltip>\n\n      <span\n        onClick={() => {\n          reset3DView();\n        }}\n        className={getClassName('point-cloud-3d-view', 'reset')}\n      />\n    </div>\n  );\n};\n\nconst PointCloud3D: React.FC<IA2MapStateProps> = ({ currentData, config }) => {\n  const ptCtx = useContext(PointCloudContext);\n  const [showDirection, setShowDirection] = useState(true);\n  const ref = useRef<HTMLDivElement>(null);\n  const { initPointCloud3d } = usePointCloudViews();\n  const size = useSize(ref);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    if (!ptCtx.mainViewInstance) {\n      return;\n    }\n    initPointCloud3d?.(size);\n  }, [size]);\n  const { selectedBox } = useSingleBox();\n\n  const setTarget3DView = (perspectiveView: EPerspectiveView) => {\n    const box = selectedBox?.info;\n\n    if (box) {\n      // Business Logic: If the updated view is top, need to sync with topView Direction in 3dView.\n      const topViewVector = { ...box.center };\n      topViewVector.x = topViewVector.x - 0.01;\n      topViewVector.z = 10;\n      const isTopView = perspectiveView === EPerspectiveView.Top;\n\n      ptCtx.mainViewInstance?.updateCameraByBox(\n        box,\n        perspectiveView,\n        isTopView ? topViewVector : undefined,\n      );\n    }\n  };\n\n  const reset3DView = () => {\n    ptCtx.mainViewInstance?.resetCamera();\n  };\n\n  const followTopView = () => {\n    const topViewCamera = ptCtx.topViewInstance?.pointCloudInstance.camera;\n    if (topViewCamera) {\n      ptCtx.mainViewInstance?.applyCameraTarget(topViewCamera);\n    }\n  };\n\n  useEffect(() => {\n    if (ref.current && currentData?.url) {\n      let pointCloud = ptCtx.mainViewInstance;\n      if (!pointCloud && size.width) {\n        const orthographicParams = {\n          left: -size.width / 2,\n          right: size.width / 2,\n          top: size.height / 2,\n          bottom: -size.height / 2,\n          near: 100,\n          far: -100,\n        };\n\n        // Need to be showed\n        pointCloud = new PointCloud({\n          container: ref.current,\n          isOrthographicCamera: true,\n          orthographicParams,\n          config,\n        });\n        ptCtx.setMainViewInstance(pointCloud);\n      }\n    }\n  }, [size]);\n\n  /**\n   * Listen for data changes.\n   */\n  useEffect(() => {\n    if (ref.current && currentData?.url) {\n      if (currentData.result && ptCtx.mainViewInstance) {\n        let pointCloud = ptCtx.mainViewInstance;\n        const boxParamsList = PointCloudUtils.getBoxParamsFromResultList(currentData.result);\n\n        // Add Init Box\n        boxParamsList.forEach((v: IPointCloudBox) => {\n          const hex = toolStyleConverter.getColorFromConfig(\n            { attribute: v.attribute },\n            { ...config, attributeConfigurable: true },\n            {},\n          )?.hex;\n\n          pointCloud?.generateBox(v, hex);\n        });\n\n        ptCtx.setPointCloudResult(boxParamsList);\n        ptCtx.setPointCloudValid(jsonParser(currentData.result)?.valid);\n      }\n    }\n  }, [currentData, ptCtx.mainViewInstance]);\n\n  /**\n   *  Observe selectedID and reset camera to target top-view\n   */\n  useEffect(() => {\n    if (selectedBox) {\n      setTarget3DView(EPerspectiveView.Top);\n\n      /**\n       * 3DView's zoom synchronizes with topView' zoom.\n       */\n      const zoom = ptCtx.topViewInstance?.pointCloudInstance?.camera.zoom ?? 1;\n      ptCtx.mainViewInstance?.updateCameraZoom(zoom);\n    }\n  }, [selectedBox]);\n\n  const ptCloud3DCtx = useMemo(() => {\n    return { reset3DView, setTarget3DView, isActive: !!selectedBox, followTopView };\n  }, [selectedBox, ptCtx.mainViewInstance]);\n\n  const PointCloud3DTitle = (\n    <>\n      <PointCloudSizeSlider\n        onChange={(v: number) => {\n          ptCtx.mainViewInstance?.updatePointSize({ customSize: v });\n        }}\n      />\n      <span style={{ marginRight: 8 }}>{t('ShowArrows')}</span>\n      <Switch\n        size='small'\n        checked={showDirection}\n        onChange={(showDirection) => {\n          setShowDirection(showDirection);\n          ptCtx.mainViewInstance?.setShowDirection(showDirection);\n        }}\n      />\n    </>\n  );\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-3d-container')}\n      title={t('3DView')}\n      toolbar={PointCloud3DTitle}\n      style={{\n        height:\n          currentData.mappingImgList && currentData.mappingImgList?.length > 0 ? '55%' : '100%',\n      }}\n    >\n      <div className={getClassName('point-cloud-3d-content')}>\n        <PointCloud3DContext.Provider value={ptCloud3DCtx}>\n          <PointCloud3DSideBar />\n        </PointCloud3DContext.Provider>\n        <div className={getClassName('point-cloud-3d-view')} id={pointCloudID} ref={ref} />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(PointCloud3D);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudContext.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PointCloudContext.js","sources":["../../../src/components/pointCloudView/PointCloudContext.tsx"],"sourcesContent":["import { IPointCloudBox, IPointCloudBoxList, IPolygonData } from '@labelbee/lb-utils';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  PointCloud,\n  PointCloudAnnotation,\n  ActionsHistory,\n  EToolName,\n} from '@labelbee/lb-annotation';\n\ninterface IPointCloudContextInstances {\n  topViewInstance?: PointCloudAnnotation;\n  sideViewInstance?: PointCloudAnnotation;\n  backViewInstance?: PointCloudAnnotation;\n  mainViewInstance?: PointCloud;\n  setTopViewInstance: (instance: PointCloudAnnotation) => void;\n  setSideViewInstance: (instance: PointCloudAnnotation) => void;\n  setBackViewInstance: (instance: PointCloudAnnotation) => void;\n  setMainViewInstance: (instance: PointCloud) => void;\n}\n\ntype AttrPanelLayout = '' | 'left' | 'right';\n\nexport interface IPointCloudContext extends IPointCloudContextInstances {\n  pointCloudBoxList: IPointCloudBoxList;\n  displayPointCloudList: IPointCloudBoxList;\n  selectedIDs: string[];\n  setSelectedIDs: (ids?: string[] | string) => void;\n  valid: boolean;\n  setPointCloudResult: (resultList: IPointCloudBoxList) => void;\n  selectedPointCloudBox?: IPointCloudBox;\n  setPointCloudValid: (valid?: boolean) => void;\n  addSelectedID: (selectedID: string) => void;\n  selectedAllBoxes: () => void;\n  selectedID: string;\n  addPointCloudBox: (boxParams: IPointCloudBox) => IPointCloudBox[];\n\n  polygonList: IPolygonData[];\n  setPolygonList: (polygonList: IPolygonData[]) => void;\n\n  zoom: number;\n  setZoom: (zoom: number) => void;\n\n  history: ActionsHistory; // Operation History\n  hideAttributes: string[];\n  setHideAttributes: (hideAttrs: string[]) => void;\n  toggleAttributesVisible: (attribute: string) => void;\n  reRender: (_displayPointCloudList: IPointCloudBoxList, _polygonList: IPolygonData[]) => void;\n  attrPanelLayout: AttrPanelLayout;\n  setAttrPanelLayout: (layout: AttrPanelLayout) => void;\n\n  syncAllViewPointCloudColor: (newPointCloudList?: IPointCloudBox[]) => void;\n\n  defaultAttribute: string;\n  setDefaultAttribute: (defaultAttribute: string) => void;\n\n  pointCloudPattern: EToolName.Rect | EToolName.Polygon;\n  setPointCloudPattern: (toolName: EToolName.Rect | EToolName.Polygon) => void;\n  selectSpecAttr: (attr: string) => void;\n}\n\nexport const PointCloudContext = React.createContext<IPointCloudContext>({\n  pointCloudBoxList: [],\n  displayPointCloudList: [],\n  polygonList: [],\n  selectedID: '',\n  selectedIDs: [],\n  valid: true,\n  setSelectedIDs: () => {},\n  setPointCloudResult: () => {},\n  setPointCloudValid: () => {},\n  setTopViewInstance: () => {},\n  setSideViewInstance: () => {},\n  setBackViewInstance: () => {},\n  setMainViewInstance: () => {},\n  addSelectedID: () => {},\n  selectedAllBoxes: () => {},\n  addPointCloudBox: () => {\n    return [];\n  },\n  setPolygonList: () => {},\n\n  zoom: 1,\n  setZoom: () => {},\n  history: new ActionsHistory(),\n  hideAttributes: [],\n  setHideAttributes: () => {},\n  toggleAttributesVisible: () => {},\n  reRender: () => {},\n  setAttrPanelLayout: () => {},\n  attrPanelLayout: '',\n  syncAllViewPointCloudColor: () => {},\n\n  defaultAttribute: '',\n  setDefaultAttribute: () => {},\n\n  pointCloudPattern: EToolName.Rect,\n  setPointCloudPattern: () => {},\n  selectSpecAttr: () => {},\n});\n\nexport const PointCloudProvider: React.FC<{}> = ({ children }) => {\n  const [pointCloudBoxList, setPointCloudResult] = useState<IPointCloudBoxList>([]);\n  const [polygonList, setPolygonList] = useState<IPolygonData[]>([]);\n  const [selectedIDs, setSelectedIDsState] = useState<string[]>([]);\n  const [valid, setValid] = useState<boolean>(true);\n  const [zoom, setZoom] = useState<number>(1);\n  const [topViewInstance, setTopViewInstance] = useState<PointCloudAnnotation>();\n  const [sideViewInstance, setSideViewInstance] = useState<PointCloudAnnotation>();\n  const [backViewInstance, setBackViewInstance] = useState<PointCloudAnnotation>();\n  const [mainViewInstance, setMainViewInstance] = useState<PointCloud>();\n  const [defaultAttribute, setDefaultAttribute] = useState('');\n  const [pointCloudPattern, setPointCloudPattern] = useState<EToolName.Rect | EToolName.Polygon>(\n    EToolName.Rect,\n  );\n  const history = useRef(new ActionsHistory()).current;\n  const [hideAttributes, setHideAttributes] = useState<string[]>([]);\n  const [attrPanelLayout, setAttrPanelLayout] = useState<AttrPanelLayout>('');\n\n  const selectedID = useMemo(() => {\n    return selectedIDs.length === 1 ? selectedIDs[0] : '';\n  }, [selectedIDs]);\n\n  const ptCtx = useMemo(() => {\n    const selectedPointCloudBox = pointCloudBoxList.find((v) => v.id === selectedID);\n\n    const addPointCloudBox = (box: IPointCloudBox) => {\n      const newPointCloudList = pointCloudBoxList.concat(box);\n      setPointCloudResult(newPointCloudList);\n      return newPointCloudList;\n    };\n\n    const setPointCloudValid = (valid?: boolean) => {\n      setValid(valid === false ? false : true);\n    };\n\n    const setSelectedIDs = (selectedIDs?: string[] | string) => {\n      if (selectedIDs === undefined) {\n        setSelectedIDsState([]);\n      }\n\n      if (typeof selectedIDs === 'string') {\n        setSelectedIDsState([selectedIDs]);\n      }\n\n      if (Array.isArray(selectedIDs)) {\n        setSelectedIDsState(Array.from(new Set(selectedIDs)));\n      }\n    };\n\n    /**\n     * If selectedID existed, remove selectedID from selectedIDs\n     * If selectedID not existed, add selectedID to selectedIDs\n     * @param selectedID\n     */\n    const addSelectedID = (selectedID: string) => {\n      if (selectedIDs.includes(selectedID)) {\n        setSelectedIDs(selectedIDs.filter((i) => i !== selectedID));\n      } else {\n        setSelectedIDs([...selectedIDs, selectedID]);\n      }\n    };\n\n    const selectedAllBoxes = () => {\n      setSelectedIDs(pointCloudBoxList.map((i) => i.id));\n    };\n\n    const selectSpecAttr = (attr: string) => {\n      setSelectedIDs(pointCloudBoxList.filter((i) => i.attribute === attr).map((i) => i.id));\n    };\n\n    const displayPointCloudList = pointCloudBoxList.filter(\n      (i) => !hideAttributes.includes(i.attribute),\n    );\n\n    const toggleAttributesVisible = (tAttribute: string) => {\n      if (hideAttributes.includes(tAttribute)) {\n        setHideAttributes(hideAttributes.filter((attribute) => attribute !== tAttribute));\n      } else {\n        const updatedHideAttributes = hideAttributes.concat(tAttribute);\n        setHideAttributes(updatedHideAttributes);\n      }\n    };\n\n    const reRender = (\n      _displayPointCloudList: IPointCloudBoxList = displayPointCloudList,\n      _polygonList: IPolygonData[] = polygonList,\n    ) => {\n      pointCloudBoxList.forEach((v) => {\n        mainViewInstance?.removeObjectByName(v.id);\n      });\n\n      topViewInstance?.updatePolygonList(_displayPointCloudList, _polygonList);\n      mainViewInstance?.generateBoxes(_displayPointCloudList);\n      syncAllViewPointCloudColor(_displayPointCloudList);\n    };\n\n    /**\n     * Synchronize the highlighted pointCloud for all views.\n     * @param pointCloudList\n     */\n\n    const syncAllViewPointCloudColor = (pointCloudList?: IPointCloudBox[]) => {\n      const colorPromise = mainViewInstance?.highlightOriginPointCloud(pointCloudList);\n      return new Promise((resolve) => {\n        colorPromise?.then((color) => {\n          [topViewInstance].forEach((instance) => {\n            if (color) {\n              instance?.pointCloudInstance?.updateColor(color);\n              resolve({ color });\n            }\n          });\n          // TODO： Sync sideView & backView Color.\n        });\n      });\n    };\n\n    return {\n      selectedID,\n      pointCloudBoxList,\n      displayPointCloudList,\n      selectedIDs,\n      setPointCloudResult,\n      setSelectedIDs,\n      addPointCloudBox,\n      valid,\n      selectedPointCloudBox,\n      setPointCloudValid,\n      addSelectedID,\n      selectedAllBoxes,\n      topViewInstance,\n      setTopViewInstance,\n      sideViewInstance,\n      setSideViewInstance,\n      backViewInstance,\n      setBackViewInstance,\n      mainViewInstance,\n      setMainViewInstance,\n      polygonList,\n      setPolygonList,\n      zoom,\n      setZoom,\n      history,\n      toggleAttributesVisible,\n      hideAttributes,\n      setHideAttributes,\n      reRender,\n      attrPanelLayout,\n      setAttrPanelLayout,\n      syncAllViewPointCloudColor,\n      defaultAttribute,\n      setDefaultAttribute,\n      pointCloudPattern,\n      setPointCloudPattern,\n      selectSpecAttr,\n    };\n  }, [\n    valid,\n    selectedIDs,\n    pointCloudBoxList,\n    polygonList,\n    topViewInstance,\n    sideViewInstance,\n    backViewInstance,\n    mainViewInstance,\n    zoom,\n    hideAttributes,\n    attrPanelLayout,\n    defaultAttribute,\n    pointCloudPattern,\n  ]);\n\n  const updateSelectedIDsAndRenderAfterHide = () => {\n    const pointCloudForFilteredList = pointCloudBoxList.filter((i) =>\n      hideAttributes.includes(i.attribute),\n    );\n\n    const { setSelectedIDs, reRender } = ptCtx;\n\n    const filteredIDs = pointCloudForFilteredList.map((i) => i.id);\n\n    if (filteredIDs.length > 0) {\n      setSelectedIDs(selectedIDs.filter((id) => !filteredIDs.includes(id)));\n    }\n\n    reRender();\n  };\n\n  useEffect(() => {\n    updateSelectedIDsAndRenderAfterHide();\n    topViewInstance?.pointCloud2dOperation?.setHiddenAttributes(hideAttributes);\n  }, [hideAttributes]);\n\n  return <PointCloudContext.Provider value={ptCtx}>{children}</PointCloudContext.Provider>;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PointCloudContext.js","sources":["../../../src/components/pointCloudView/PointCloudContext.tsx"],"sourcesContent":["import { IPointCloudBox, IPointCloudBoxList, IPolygonData } from '@labelbee/lb-utils';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  PointCloud,\n  PointCloudAnnotation,\n  ActionsHistory,\n  EToolName,\n} from '@labelbee/lb-annotation';\n\ninterface IPointCloudContextInstances {\n  topViewInstance?: PointCloudAnnotation;\n  sideViewInstance?: PointCloudAnnotation;\n  backViewInstance?: PointCloudAnnotation;\n  mainViewInstance?: PointCloud;\n  setTopViewInstance: (instance: PointCloudAnnotation) => void;\n  setSideViewInstance: (instance: PointCloudAnnotation) => void;\n  setBackViewInstance: (instance: PointCloudAnnotation) => void;\n  setMainViewInstance: (instance: PointCloud) => void;\n}\n\ntype AttrPanelLayout = '' | 'left' | 'right';\n\nexport interface IPointCloudContext extends IPointCloudContextInstances {\n  pointCloudBoxList: IPointCloudBoxList;\n  displayPointCloudList: IPointCloudBoxList;\n  selectedIDs: string[];\n  setSelectedIDs: (ids?: string[] | string) => void;\n  valid: boolean;\n  setPointCloudResult: (resultList: IPointCloudBoxList) => void;\n  selectedPointCloudBox?: IPointCloudBox;\n  setPointCloudValid: (valid?: boolean) => void;\n  addSelectedID: (selectedID: string) => void;\n  selectedAllBoxes: () => void;\n  selectedID: string;\n  addPointCloudBox: (boxParams: IPointCloudBox) => IPointCloudBox[];\n\n  polygonList: IPolygonData[];\n  setPolygonList: (polygonList: IPolygonData[]) => void;\n\n  zoom: number;\n  setZoom: (zoom: number) => void;\n\n  history: ActionsHistory; // Operation History\n  hideAttributes: string[];\n  setHideAttributes: (hideAttrs: string[]) => void;\n  toggleAttributesVisible: (attribute: string) => void;\n  reRender: (_displayPointCloudList: IPointCloudBoxList, _polygonList: IPolygonData[]) => void;\n  attrPanelLayout: AttrPanelLayout;\n  setAttrPanelLayout: (layout: AttrPanelLayout) => void;\n\n  syncAllViewPointCloudColor: (newPointCloudList?: IPointCloudBox[]) => void;\n\n  defaultAttribute: string;\n  setDefaultAttribute: (defaultAttribute: string) => void;\n\n  pointCloudPattern: EToolName.Rect | EToolName.Polygon;\n  setPointCloudPattern: (toolName: EToolName.Rect | EToolName.Polygon) => void;\n  selectSpecAttr: (attr: string) => void;\n}\n\nexport const PointCloudContext = React.createContext<IPointCloudContext>({\n  pointCloudBoxList: [],\n  displayPointCloudList: [],\n  polygonList: [],\n  selectedID: '',\n  selectedIDs: [],\n  valid: true,\n  setSelectedIDs: () => {},\n  setPointCloudResult: () => {},\n  setPointCloudValid: () => {},\n  setTopViewInstance: () => {},\n  setSideViewInstance: () => {},\n  setBackViewInstance: () => {},\n  setMainViewInstance: () => {},\n  addSelectedID: () => {},\n  selectedAllBoxes: () => {},\n  addPointCloudBox: () => {\n    return [];\n  },\n  setPolygonList: () => {},\n\n  zoom: 1,\n  setZoom: () => {},\n  history: new ActionsHistory(),\n  hideAttributes: [],\n  setHideAttributes: () => {},\n  toggleAttributesVisible: () => {},\n  reRender: () => {},\n  setAttrPanelLayout: () => {},\n  attrPanelLayout: '',\n  syncAllViewPointCloudColor: () => {},\n\n  defaultAttribute: '',\n  setDefaultAttribute: () => {},\n\n  pointCloudPattern: EToolName.Rect,\n  setPointCloudPattern: () => {},\n  selectSpecAttr: () => {},\n});\n\nexport const PointCloudProvider: React.FC<{}> = ({ children }) => {\n  const [pointCloudBoxList, setPointCloudResult] = useState<IPointCloudBoxList>([]);\n  const [polygonList, setPolygonList] = useState<IPolygonData[]>([]);\n  const [selectedIDs, setSelectedIDsState] = useState<string[]>([]);\n  const [valid, setValid] = useState<boolean>(true);\n  const [zoom, setZoom] = useState<number>(1);\n  const [topViewInstance, setTopViewInstance] = useState<PointCloudAnnotation>();\n  const [sideViewInstance, setSideViewInstance] = useState<PointCloudAnnotation>();\n  const [backViewInstance, setBackViewInstance] = useState<PointCloudAnnotation>();\n  const [mainViewInstance, setMainViewInstance] = useState<PointCloud>();\n  const [defaultAttribute, setDefaultAttribute] = useState('');\n  const [pointCloudPattern, setPointCloudPattern] = useState<EToolName.Rect | EToolName.Polygon>(\n    EToolName.Rect,\n  );\n  const history = useRef(new ActionsHistory()).current;\n  const [hideAttributes, setHideAttributes] = useState<string[]>([]);\n  const [attrPanelLayout, setAttrPanelLayout] = useState<AttrPanelLayout>('');\n\n  const selectedID = useMemo(() => {\n    return selectedIDs.length === 1 ? selectedIDs[0] : '';\n  }, [selectedIDs]);\n\n  const ptCtx = useMemo(() => {\n    const selectedPointCloudBox = pointCloudBoxList.find((v) => v.id === selectedID);\n\n    const addPointCloudBox = (box: IPointCloudBox) => {\n      const newPointCloudList = pointCloudBoxList.concat(box);\n      setPointCloudResult(newPointCloudList);\n      return newPointCloudList;\n    };\n\n    const setPointCloudValid = (valid?: boolean) => {\n      setValid(valid === false ? false : true);\n    };\n\n    const setSelectedIDs = (selectedIDs?: string[] | string) => {\n      if (selectedIDs === undefined) {\n        setSelectedIDsState([]);\n      }\n\n      if (typeof selectedIDs === 'string') {\n        setSelectedIDsState([selectedIDs]);\n      }\n\n      if (Array.isArray(selectedIDs)) {\n        setSelectedIDsState(Array.from(new Set(selectedIDs)));\n      }\n    };\n\n    /**\n     * If selectedID existed, remove selectedID from selectedIDs\n     * If selectedID not existed, add selectedID to selectedIDs\n     * @param selectedID\n     */\n    const addSelectedID = (selectedID: string) => {\n      if (selectedIDs.includes(selectedID)) {\n        setSelectedIDs(selectedIDs.filter((i) => i !== selectedID));\n      } else {\n        setSelectedIDs([...selectedIDs, selectedID]);\n      }\n    };\n\n    const selectedAllBoxes = () => {\n      setSelectedIDs(pointCloudBoxList.map((i) => i.id));\n    };\n\n    const selectSpecAttr = (attr: string) => {\n      setSelectedIDs(pointCloudBoxList.filter((i) => i.attribute === attr).map((i) => i.id));\n    };\n\n    const displayPointCloudList = pointCloudBoxList.filter(\n      (i) => !hideAttributes.includes(i.attribute),\n    );\n\n    const toggleAttributesVisible = (tAttribute: string) => {\n      if (hideAttributes.includes(tAttribute)) {\n        setHideAttributes(hideAttributes.filter((attribute) => attribute !== tAttribute));\n      } else {\n        const updatedHideAttributes = hideAttributes.concat(tAttribute);\n        setHideAttributes(updatedHideAttributes);\n      }\n    };\n\n    const reRender = (\n      _displayPointCloudList: IPointCloudBoxList = displayPointCloudList,\n      _polygonList: IPolygonData[] = polygonList,\n    ) => {\n      pointCloudBoxList.forEach((v) => {\n        mainViewInstance?.removeObjectByName(v.id);\n      });\n\n      topViewInstance?.updatePolygonList(_displayPointCloudList, _polygonList);\n      mainViewInstance?.generateBoxes(_displayPointCloudList);\n      syncAllViewPointCloudColor(_displayPointCloudList);\n    };\n\n    /**\n     * Synchronize the highlighted pointCloud for all views.\n     * @param pointCloudList\n     */\n\n    const syncAllViewPointCloudColor = (pointCloudList?: IPointCloudBox[]) => {\n      const colorPromise = mainViewInstance?.highlightOriginPointCloud(pointCloudList);\n      return new Promise((resolve) => {\n        colorPromise?.then((color) => {\n          [topViewInstance].forEach((instance) => {\n            if (color) {\n              instance?.pointCloudInstance?.updateColor(color);\n              resolve({ color });\n            }\n          });\n          // TODO： Sync sideView & backView Color.\n        }).catch(err => {\n          console.error(err);\n        });\n      });\n    };\n\n    return {\n      selectedID,\n      pointCloudBoxList,\n      displayPointCloudList,\n      selectedIDs,\n      setPointCloudResult,\n      setSelectedIDs,\n      addPointCloudBox,\n      valid,\n      selectedPointCloudBox,\n      setPointCloudValid,\n      addSelectedID,\n      selectedAllBoxes,\n      topViewInstance,\n      setTopViewInstance,\n      sideViewInstance,\n      setSideViewInstance,\n      backViewInstance,\n      setBackViewInstance,\n      mainViewInstance,\n      setMainViewInstance,\n      polygonList,\n      setPolygonList,\n      zoom,\n      setZoom,\n      history,\n      toggleAttributesVisible,\n      hideAttributes,\n      setHideAttributes,\n      reRender,\n      attrPanelLayout,\n      setAttrPanelLayout,\n      syncAllViewPointCloudColor,\n      defaultAttribute,\n      setDefaultAttribute,\n      pointCloudPattern,\n      setPointCloudPattern,\n      selectSpecAttr,\n    };\n  }, [\n    valid,\n    selectedIDs,\n    pointCloudBoxList,\n    polygonList,\n    topViewInstance,\n    sideViewInstance,\n    backViewInstance,\n    mainViewInstance,\n    zoom,\n    hideAttributes,\n    attrPanelLayout,\n    defaultAttribute,\n    pointCloudPattern,\n  ]);\n\n  const updateSelectedIDsAndRenderAfterHide = () => {\n    const pointCloudForFilteredList = pointCloudBoxList.filter((i) =>\n      hideAttributes.includes(i.attribute),\n    );\n\n    const { setSelectedIDs, reRender } = ptCtx;\n\n    const filteredIDs = pointCloudForFilteredList.map((i) => i.id);\n\n    if (filteredIDs.length > 0) {\n      setSelectedIDs(selectedIDs.filter((id) => !filteredIDs.includes(id)));\n    }\n\n    reRender();\n  };\n\n  useEffect(() => {\n    updateSelectedIDsAndRenderAfterHide();\n    topViewInstance?.pointCloud2dOperation?.setHiddenAttributes(hideAttributes);\n  }, [hideAttributes]);\n\n  return <PointCloudContext.Provider value={ptCtx}>{children}</PointCloudContext.Provider>;\n};\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudListener.js

@@ -1 +1 @@
-import{PointCloudContext as $}from"./PointCloudContext.js";import{useRotate as J}from"./hooks/useRotate.js";import{useBoxes as Q}from"./hooks/useBoxes.js";import{useSingleBox as X}from"./hooks/useSingleBox.js";import{useContext as Z,useEffect as d}from"react";import{CommonToolUtils as ee,AttributeUtils as te,EToolName as b,cTool as oe}from"@labelbee/lb-annotation";import{message as w}from"antd";import{connect as re}from"react-redux";import{a2MapStateToProps as se}from"../../store/annotation/map.js";import{useCustomToolInstance as ne}from"../../hooks/annotation.js";import{useStatus as ae}from"./hooks/useStatus.js";import{jsonParser as ie}from"../../utils/index.js";import{usePointCloudViews as ue}from"./hooks/usePointCloudViews.js";import{LabelBeeContext as le}from"../../store/ctx.js";import{useHistory as ce}from"./hooks/useHistory.js";import{useAttribute as de}from"./hooks/useAttribute.js";import{useConfig as pe}from"./hooks/useConfig.js";import{usePolygon as me}from"./hooks/usePolygon.js";import{useTranslation as fe}from"react-i18next";var be=Object.defineProperty,ye=Object.defineProperties,Pe=Object.getOwnPropertyDescriptors,S=Object.getOwnPropertySymbols,ve=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable,O=(i,r,a)=>r in i?be(i,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[r]=a,V=(i,r)=>{for(var a in r||(r={}))ve.call(r,a)&&O(i,a,r[a]);if(S)for(var a of S(r))we.call(r,a)&&O(i,a,r[a]);return i},I=(i,r)=>ye(i,Pe(r));const{EPolygonPattern:Ce}=oe,xe=({currentData:i,config:r,checkMode:a,configString:A,imgIndex:C})=>{const o=Z($),{changeSelectedBoxValid:j,selectNextBox:L,selectPrevBox:D,updateSelectedBox:x,deleteSelectedPointCloudBoxAndPolygon:T}=X(),{clearAllResult:y,updatePointCloudPattern:E}=ae(),R=ie(i.result),{copySelectedBoxes:K,pasteSelectedBoxes:N,copiedBoxes:H}=Q({config:r}),{toolInstanceRef:n}=ne({basicInfo:R}),{updateRotate:P}=J({currentData:i}),{updatePointCloudData:m,topViewSelectedChanged:U}=ue(),{redo:g,undo:k,pushHistoryWithList:z,pushHistoryUnderUpdatePolygon:F}=ce(),{syncThreeViewsAttribute:h}=de(),{syncAllViewsConfig:q,reRenderTopViewRange:G}=pe(),{selectedPolygon:_}=me(),{t:v}=fe(),f=e=>{var t;const{topViewInstance:s}=o;!s||(t=s.pointCloud2dOperation)==null||t.updateSelectedPolygonsPoints(e)},M=(e,t)=>{var s;const{topViewInstance:u,mainViewInstance:l}=o;if(!u)return;const{pointCloud2dOperation:c}=u;switch(e){case"q":{P(2);break}case"e":P(-2);break;case"g":P(180);break;case"u":{const p=c.pattern===Ce.Normal?b.Rect:b.Polygon;E(p);const Y={[b.Polygon]:v("PolygonPattern"),[b.Rect]:v("RectPattern")};w.success(v("ChangePatternMsg",{pattern:Y[p]})),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){D();break}L(),t.preventDefault();break;case"f":j();break;case"arrowup":f({y:-1});break;case"arrowdown":f({y:1});break;case"arrowleft":f({x:-1});break;case"arrowright":f({x:1});break;case"delete":T();break;default:{if(((s=r.attributeList)==null?void 0:s.length)>0){const p=te.getAttributeByKeycode(t.keyCode,r.attributeList);p!==void 0&&n.current.setDefaultAttribute(p)}return}}},W=(e,t)=>{switch(e){case"c":K();break;case"v":N();break;case"a":t.preventDefault(),o.selectedAllBoxes();break;case"z":{t.shiftKey?g():k();break}}},B=e=>{if(!ee.hotkeyFilter(e)||a===!0)return;const t=e.key.toLocaleLowerCase();if(e.ctrlKey){W(t,e);return}M(t,e)};return d(()=>{const{topViewInstance:e}=o;if(!!e)return window.addEventListener("keydown",B),()=>{window.removeEventListener("keydown",B)}},[o,H,r,o.pointCloudBoxList,o.polygonList]),d(()=>{q(r)},[A]),d(()=>{(r==null?void 0:r.radius)&&G(r==null?void 0:r.radius)},[r==null?void 0:r.radius]),d(()=>{m==null||m()},[C,o.mainViewInstance]),d(()=>{o.setHideAttributes([])},[C]),d(()=>{n.current.exportData=()=>[o.pointCloudBoxList,{valid:o.valid}],n.current.exportCustomData=()=>{var e;return{resultPolygon:(e=o.polygonList)!=null?e:[]}},n.current.setDefaultAttribute=e=>{h(e);const t=o.selectedPointCloudBox;if(t){t.attribute=e;const s=x(t);o.mainViewInstance&&U(t,s)}_&&F(I(V({},_),{attribute:e}))},n.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=I(V({},l),{[e]:t}),x(u)}},n.current.clearResult=()=>{y==null||y()},n.current.redo=()=>{g()},n.current.undo=()=>{k()},n.current.setValid=e=>{n.current.valid=e,setTimeout(()=>{o.setPointCloudValid(e),e===!1&&y()})},n.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)},n.current.setShowDefaultCursor=e=>{var t,s;(s=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||s.setShowDefaultCursor(e)},n.current.asyncData=e=>{setTimeout(()=>{m==null||m(e)})}},[o.pointCloudBoxList,o.selectedID,o.valid,o.polygonList,o.mainViewInstance]),d(()=>{n.current.history={pushHistory:e=>{z({pointCloudBoxList:e})},initRecord:()=>{}}},[]),d(()=>{var e;const t=(e=o.topViewInstance)==null?void 0:e.pointCloud2dOperation;if(!t||a)return;const s=c=>{h(c)},u=c=>{w.error(c)},l=c=>{w.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 ge=re(se,null,null,{context:le})(xe);export{ge as default};
+import{PointCloudContext as $}from"./PointCloudContext.js";import{useRotate as J}from"./hooks/useRotate.js";import{useBoxes as Q}from"./hooks/useBoxes.js";import{useSingleBox as X}from"./hooks/useSingleBox.js";import{useContext as Z,useEffect as d}from"react";import{CommonToolUtils as ee,AttributeUtils as te,EToolName as b,cTool as oe}from"@labelbee/lb-annotation";import{message as w}from"antd";import{connect as re}from"react-redux";import{a2MapStateToProps as ne}from"../../store/annotation/map.js";import{useCustomToolInstance as se}from"../../hooks/annotation.js";import{useStatus as ae}from"./hooks/useStatus.js";import{jsonParser as ie}from"../../utils/index.js";import{usePointCloudViews as ue}from"./hooks/usePointCloudViews.js";import{LabelBeeContext as le}from"../../store/ctx.js";import{useHistory as ce}from"./hooks/useHistory.js";import{useAttribute as de}from"./hooks/useAttribute.js";import{useConfig as pe}from"./hooks/useConfig.js";import{usePolygon as me}from"./hooks/usePolygon.js";import{useTranslation as fe}from"react-i18next";var be=Object.defineProperty,ye=Object.defineProperties,Pe=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,ve=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable,S=(i,r,a)=>r in i?be(i,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[r]=a,O=(i,r)=>{for(var a in r||(r={}))ve.call(r,a)&&S(i,a,r[a]);if(I)for(var a of I(r))we.call(r,a)&&S(i,a,r[a]);return i},V=(i,r)=>ye(i,Pe(r));const{EPolygonPattern:Ce}=oe,xe=({currentData:i,config:r,checkMode:a,configString:A,imgIndex:C})=>{const o=Z($),{changeSelectedBoxValid:j,selectNextBox:L,selectPrevBox:D,updateSelectedBox:x,deleteSelectedPointCloudBoxAndPolygon:T}=X(),{clearAllResult:y,updatePointCloudPattern:E}=ae(),R=ie(i.result),{copySelectedBoxes:K,pasteSelectedBoxes:N,copiedBoxes:H}=Q({config:r}),{toolInstanceRef:s}=se({basicInfo:R}),{updateRotate:P}=J({currentData:i}),{updatePointCloudData:m,topViewSelectedChanged:z}=ue(),{redo:g,undo:k,pushHistoryWithList:U,pushHistoryUnderUpdatePolygon:F}=ce(),{syncThreeViewsAttribute:h}=de(),{syncAllViewsConfig:q,reRenderTopViewRange:G}=pe(),{selectedPolygon:_}=me(),{t:v}=fe(),f=e=>{var t;const{topViewInstance:n}=o;!n||(t=n.pointCloud2dOperation)==null||t.updateSelectedPolygonsPoints(e)},M=(e,t)=>{var n;const{topViewInstance:u,mainViewInstance:l}=o;if(!u)return;const{pointCloud2dOperation:c}=u;switch(e){case"q":{P(2);break}case"e":P(-2);break;case"g":P(180);break;case"u":{const p=c.pattern===Ce.Normal?b.Rect:b.Polygon;E(p);const Y={[b.Polygon]:v("PolygonPattern"),[b.Rect]:v("RectPattern")};w.success(v("ChangePatternMsg",{pattern:Y[p]})),c.clearActiveStatus(),c.clearDrawingStatus()}break;case"+":l==null||l.updatePointSize({zoomIn:!0});break;case"-":l==null||l.updatePointSize({zoomIn:!1});break;case"v":o.setPointCloudValid(!o.valid);break;case"tab":if(t.shiftKey){D();break}L(),t.preventDefault();break;case"f":j();break;case"arrowup":f({y:-1});break;case"arrowdown":f({y:1});break;case"arrowleft":f({x:-1});break;case"arrowright":f({x:1});break;case"delete":T();break;default:{if(((n=r.attributeList)==null?void 0:n.length)>0){const p=te.getAttributeByKeycode(t.keyCode,r.attributeList);p!==void 0&&s.current.setDefaultAttribute(p)}return}}},W=(e,t)=>{switch(e){case"c":K();break;case"v":N();break;case"a":t.preventDefault(),o.selectedAllBoxes();break;case"z":{t.shiftKey?g():k();break}}},B=e=>{if(!ee.hotkeyFilter(e)||a===!0)return;const t=e.key.toLocaleLowerCase();if(e.ctrlKey){W(t,e);return}M(t,e)};return d(()=>{const{topViewInstance:e}=o;if(!!e)return window.addEventListener("keydown",B),()=>{window.removeEventListener("keydown",B)}},[o,H,r,o.pointCloudBoxList,o.polygonList]),d(()=>{q(r)},[A]),d(()=>{(r==null?void 0:r.radius)&&G(r==null?void 0:r.radius)},[r==null?void 0:r.radius]),d(()=>{m==null||m()},[C,o.mainViewInstance]),d(()=>{o.setHideAttributes([])},[C]),d(()=>{s.current.exportData=()=>[o.pointCloudBoxList,{valid:o.valid}],s.current.exportCustomData=()=>{var e;return{resultPolygon:(e=o.polygonList)!=null?e:[]}},s.current.setDefaultAttribute=e=>{h(e);const t=o.selectedPointCloudBox;if(t){t.attribute=e;const n=x(t);o.mainViewInstance&&z(t,n)}_&&F(V(O({},_),{attribute:e}))},s.current.setSubAttribute=(e,t)=>{var n;const u=o.selectedPointCloudBox;if(u){const l=(n=u==null?void 0:u.subAttribute)!=null?n:{};u.subAttribute=V(O({},l),{[e]:t}),x(u)}},s.current.clearResult=()=>{y==null||y()},s.current.redo=()=>{g()},s.current.undo=()=>{k()},s.current.setValid=e=>{s.current.valid=e,setTimeout(()=>{o.setPointCloudValid(e),e===!1&&y()})},s.current.setForbidOperation=e=>{var t,n;(n=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||n.setForbidOperation(e),e===!0&&o.setSelectedIDs(void 0)},s.current.setShowDefaultCursor=e=>{var t,n;(n=(t=o.topViewInstance)==null?void 0:t.pointCloud2dOperation)==null||n.setShowDefaultCursor(e)},s.current.asyncData=e=>{setTimeout(()=>{m==null||m(e)})}},[o.pointCloudBoxList,o.selectedID,o.valid,o.polygonList,o.mainViewInstance]),d(()=>{s.current.history={pushHistory:e=>{U({pointCloudBoxList:e})},initRecord:()=>{}}},[]),d(()=>{var e;const t=(e=o.topViewInstance)==null?void 0:e.pointCloud2dOperation;if(!t||a)return;const n=c=>{h(c)},u=c=>{w.error(c)},l=c=>{w.info(c)};return t.on("syncAttribute",n),t.on("messageError",u),t.on("messageInfo",l),()=>{t.unbind("syncAttribute",n),t.unbind("messageError",u),t.unbind("messageInfo",l)}},[o.topViewInstance]),null};var ge=re(ne,null,null,{context:le})(xe);export{ge as default};

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

@@ -1 +1 @@
-{"version":3,"file":"PointCloudListener.js","sources":["../../../src/components/pointCloudView/PointCloudListener.tsx"],"sourcesContent":["import { PointCloudContext } from './PointCloudContext';\nimport { useRotate } from './hooks/useRotate';\nimport { useBoxes } from './hooks/useBoxes';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport React, { useContext, useEffect } from 'react';\nimport { cTool, AttributeUtils, CommonToolUtils, EToolName } from '@labelbee/lb-annotation';\nimport { message } from 'antd';\nimport { connect } from 'react-redux';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { useCustomToolInstance } from '@/hooks/annotation';\nimport { useStatus } from './hooks/useStatus';\nimport { jsonParser } from '@/utils';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { useHistory } from './hooks/useHistory';\nimport { useAttribute } from './hooks/useAttribute';\nimport { ICoordinate } from '@labelbee/lb-utils/dist/types/types/common';\nimport { useConfig } from './hooks/useConfig';\nimport { usePolygon } from './hooks/usePolygon';\nimport { useTranslation } from 'react-i18next';\nimport { IFileItem } from '@/types/data';\n\nconst { EPolygonPattern } = cTool;\n\ninterface IProps extends IA2MapStateProps {\n  checkMode?: boolean;\n}\n\nconst PointCloudListener: React.FC<IProps> = ({\n  currentData,\n  config,\n  checkMode,\n  configString,\n  imgIndex,\n}) => {\n  const ptCtx = useContext(PointCloudContext);\n  const {\n    changeSelectedBoxValid,\n    selectNextBox,\n    selectPrevBox,\n    updateSelectedBox,\n    deleteSelectedPointCloudBoxAndPolygon,\n  } = useSingleBox();\n  const { clearAllResult, updatePointCloudPattern } = useStatus();\n  const basicInfo = jsonParser(currentData.result);\n  const { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes } = useBoxes({ config });\n  const { toolInstanceRef } = useCustomToolInstance({ basicInfo });\n  const { updateRotate } = useRotate({ currentData });\n  const { updatePointCloudData, topViewSelectedChanged } = usePointCloudViews();\n  const { redo, undo, pushHistoryWithList, pushHistoryUnderUpdatePolygon } = useHistory();\n  const { syncThreeViewsAttribute } = useAttribute();\n  const { syncAllViewsConfig, reRenderTopViewRange } = useConfig();\n  const { selectedPolygon } = usePolygon();\n  const { t } = useTranslation();\n\n  const updatePolygonOffset = (offset: Partial<ICoordinate>) => {\n    const { topViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n    topViewInstance.pointCloud2dOperation?.updateSelectedPolygonsPoints(offset);\n  };\n\n  const keydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    const { topViewInstance, mainViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n    switch (lowerCaseKey) {\n      case 'q': {\n        // Q - anticlockwise\n        updateRotate(2);\n        break;\n      }\n\n      case 'e':\n        // E - closewise\n        updateRotate(-2);\n\n        break;\n\n      case 'g':\n        // G ， overturn 180\n        updateRotate(180);\n\n        break;\n\n      case 'u':\n        {\n          // U , change TopOpereation Pattern\n          const newToolName =\n            TopPointCloudPolygonOperation.pattern === EPolygonPattern.Normal\n              ? EToolName.Rect\n              : EToolName.Polygon;\n          updatePointCloudPattern(newToolName);\n\n          // Tips\n          const POLYGON_PATTERN = {\n            [EToolName.Polygon]: t('PolygonPattern'),\n            [EToolName.Rect]: t('RectPattern'),\n          };\n          message.success(t('ChangePatternMsg', { pattern: POLYGON_PATTERN[newToolName] }));\n\n          // Clear Status\n          TopPointCloudPolygonOperation.clearActiveStatus();\n          TopPointCloudPolygonOperation.clearDrawingStatus();\n        }\n\n        break;\n\n      // +: Increase points size\n      case '+':\n        mainViewInstance?.updatePointSize(true);\n        break;\n\n      // -: Reduce points size\n      case '-':\n        mainViewInstance?.updatePointSize(false);\n        break;\n\n      case 'v':\n        ptCtx.setPointCloudValid(!ptCtx.valid);\n        break;\n\n      case 'tab':\n        if (e.shiftKey) {\n          selectPrevBox();\n          break;\n        }\n        selectNextBox();\n        e.preventDefault();\n        break;\n\n      case 'f':\n        changeSelectedBoxValid();\n        break;\n\n      case 'arrowup':\n        updatePolygonOffset({ y: -1 });\n        break;\n\n      case 'arrowdown':\n        updatePolygonOffset({ y: 1 });\n        break;\n\n      case 'arrowleft':\n        updatePolygonOffset({ x: -1 });\n        break;\n\n      case 'arrowright':\n        updatePolygonOffset({ x: 1 });\n        break;\n\n      case 'delete':\n        deleteSelectedPointCloudBoxAndPolygon();\n        break;\n\n      default: {\n        if (config.attributeList?.length > 0) {\n          const keyCode2Attribute = AttributeUtils.getAttributeByKeycode(\n            e.keyCode,\n            config.attributeList,\n          );\n\n          if (keyCode2Attribute !== undefined) {\n            toolInstanceRef.current.setDefaultAttribute(keyCode2Attribute);\n          }\n        }\n        return;\n      }\n    }\n  };\n\n  const ctrlKeydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    switch (lowerCaseKey) {\n      case 'c':\n        copySelectedBoxes();\n        break;\n      case 'v':\n        pasteSelectedBoxes();\n        break;\n      case 'a':\n        e.preventDefault();\n        ptCtx.selectedAllBoxes();\n        break;\n      case 'z': {\n        if (e.shiftKey) {\n          redo();\n        } else {\n          undo();\n        }\n        break;\n      }\n\n      default:\n        break;\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (!CommonToolUtils.hotkeyFilter(e) || checkMode === true) {\n      return;\n    }\n\n    const lowerCaseKey = e.key.toLocaleLowerCase();\n\n    if (e.ctrlKey) {\n      ctrlKeydownEvents(lowerCaseKey, e);\n      return;\n    }\n\n    keydownEvents(lowerCaseKey, e);\n  };\n\n  useEffect(() => {\n    const { topViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    window.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [ptCtx, copiedBoxes, config, ptCtx.pointCloudBoxList, ptCtx.polygonList]);\n\n  useEffect(() => {\n    syncAllViewsConfig(config);\n  }, [configString]);\n\n  useEffect(() => {\n    if (config?.radius) {\n      reRenderTopViewRange(config?.radius);\n    }\n  }, [config?.radius]);\n\n  // Page switch data initialization\n  useEffect(() => {\n    updatePointCloudData?.();\n  }, [imgIndex, ptCtx.mainViewInstance]);\n\n  useEffect(() => {\n    ptCtx.setHideAttributes([]);\n  }, [imgIndex]);\n\n  // Update the listener of toolInstance.\n  useEffect(() => {\n    toolInstanceRef.current.exportData = () => {\n      return [ptCtx.pointCloudBoxList, { valid: ptCtx.valid }];\n    };\n\n    toolInstanceRef.current.exportCustomData = () => {\n      return {\n        resultPolygon: ptCtx.polygonList ?? [],\n      };\n    };\n\n    toolInstanceRef.current.setDefaultAttribute = (newAttribute: string) => {\n      syncThreeViewsAttribute(newAttribute);\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        selectBox.attribute = newAttribute;\n\n        const newPointCloudList = updateSelectedBox(selectBox);\n\n        if (ptCtx.mainViewInstance) {\n          // TODO: Poor performance.\n          topViewSelectedChanged(selectBox, newPointCloudList);\n        }\n      }\n      if (selectedPolygon) {\n        pushHistoryUnderUpdatePolygon({ ...selectedPolygon, attribute: newAttribute });\n      }\n    };\n\n    toolInstanceRef.current.setSubAttribute = (key: string, value: string) => {\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        const originSubAttribute = selectBox?.subAttribute ?? {};\n\n        selectBox.subAttribute = {\n          ...originSubAttribute,\n          [key]: value,\n        };\n\n        updateSelectedBox(selectBox);\n      }\n    };\n    toolInstanceRef.current.clearResult = () => {\n      clearAllResult?.();\n    };\n\n    toolInstanceRef.current.redo = () => {\n      redo();\n    };\n\n    toolInstanceRef.current.undo = () => {\n      undo();\n    };\n\n    toolInstanceRef.current.setValid = (valid: boolean) => {\n      toolInstanceRef.current.valid = valid;\n\n      // Avoid triggering SetState operations in the reducer phase\n      setTimeout(() => {\n        ptCtx.setPointCloudValid(valid);\n\n        if (valid === false) {\n          clearAllResult();\n        }\n      });\n    };\n\n    /**\n     * TopView forbid all operations.\n     * @param forbidOperation\n     */\n    toolInstanceRef.current.setForbidOperation = (forbidOperation: boolean) => {\n      ptCtx.topViewInstance?.pointCloud2dOperation?.setForbidOperation(forbidOperation);\n      if (forbidOperation === true) {\n        // Clear Selected Status.\n        ptCtx.setSelectedIDs(undefined);\n      }\n    };\n\n    toolInstanceRef.current.setShowDefaultCursor = (showDefaultCursor: boolean) => {\n      ptCtx.topViewInstance?.pointCloud2dOperation?.setShowDefaultCursor(showDefaultCursor);\n    };\n\n    toolInstanceRef.current.asyncData = (newData: IFileItem) => {\n      // Next Tick to update.\n      setTimeout(() => {\n        updatePointCloudData?.(newData);\n      });\n    };\n  }, [\n    ptCtx.pointCloudBoxList,\n    ptCtx.selectedID,\n    ptCtx.valid,\n    ptCtx.polygonList,\n    ptCtx.mainViewInstance,\n  ]);\n\n  useEffect(() => {\n    toolInstanceRef.current.history = {\n      // Origin Result\n      pushHistory: (result: any[]) => {\n        // Rewrite\n        // TODO, The polygon is out of range.\n        pushHistoryWithList({ pointCloudBoxList: result });\n      },\n      initRecord: () => {},\n    };\n  }, []);\n\n  useEffect(() => {\n    const toolInstance = ptCtx.topViewInstance?.pointCloud2dOperation;\n\n    if (!toolInstance || checkMode) {\n      return;\n    }\n    // TopViewOperation Emitter\n    const syncAttribute = (newAttribute: string) => {\n      syncThreeViewsAttribute(newAttribute);\n    };\n\n    const messageError = (error: string) => {\n      message.error(error);\n    };\n    const messageInfo = (info: string) => {\n      message.info(info);\n    };\n\n    toolInstance.on('syncAttribute', syncAttribute);\n    toolInstance.on('messageError', messageError);\n    toolInstance.on('messageInfo', messageInfo);\n\n    return () => {\n      toolInstance.unbind('syncAttribute', syncAttribute);\n      toolInstance.unbind('messageError', messageError);\n      toolInstance.unbind('messageInfo', messageInfo);\n    };\n  }, [ptCtx.topViewInstance]);\n\n  return null;\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudListener,\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PointCloudListener.js","sources":["../../../src/components/pointCloudView/PointCloudListener.tsx"],"sourcesContent":["import { PointCloudContext } from './PointCloudContext';\nimport { useRotate } from './hooks/useRotate';\nimport { useBoxes } from './hooks/useBoxes';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport React, { useContext, useEffect } from 'react';\nimport { cTool, AttributeUtils, CommonToolUtils, EToolName } from '@labelbee/lb-annotation';\nimport { message } from 'antd';\nimport { connect } from 'react-redux';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { useCustomToolInstance } from '@/hooks/annotation';\nimport { useStatus } from './hooks/useStatus';\nimport { jsonParser } from '@/utils';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { useHistory } from './hooks/useHistory';\nimport { useAttribute } from './hooks/useAttribute';\nimport { ICoordinate } from '@labelbee/lb-utils/dist/types/types/common';\nimport { useConfig } from './hooks/useConfig';\nimport { usePolygon } from './hooks/usePolygon';\nimport { useTranslation } from 'react-i18next';\nimport { IFileItem } from '@/types/data';\n\nconst { EPolygonPattern } = cTool;\n\ninterface IProps extends IA2MapStateProps {\n  checkMode?: boolean;\n}\n\nconst PointCloudListener: React.FC<IProps> = ({\n  currentData,\n  config,\n  checkMode,\n  configString,\n  imgIndex,\n}) => {\n  const ptCtx = useContext(PointCloudContext);\n  const {\n    changeSelectedBoxValid,\n    selectNextBox,\n    selectPrevBox,\n    updateSelectedBox,\n    deleteSelectedPointCloudBoxAndPolygon,\n  } = useSingleBox();\n  const { clearAllResult, updatePointCloudPattern } = useStatus();\n  const basicInfo = jsonParser(currentData.result);\n  const { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes } = useBoxes({ config });\n  const { toolInstanceRef } = useCustomToolInstance({ basicInfo });\n  const { updateRotate } = useRotate({ currentData });\n  const { updatePointCloudData, topViewSelectedChanged } = usePointCloudViews();\n  const { redo, undo, pushHistoryWithList, pushHistoryUnderUpdatePolygon } = useHistory();\n  const { syncThreeViewsAttribute } = useAttribute();\n  const { syncAllViewsConfig, reRenderTopViewRange } = useConfig();\n  const { selectedPolygon } = usePolygon();\n  const { t } = useTranslation();\n\n  const updatePolygonOffset = (offset: Partial<ICoordinate>) => {\n    const { topViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n    topViewInstance.pointCloud2dOperation?.updateSelectedPolygonsPoints(offset);\n  };\n\n  const keydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    const { topViewInstance, mainViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n    switch (lowerCaseKey) {\n      case 'q': {\n        // Q - anticlockwise\n        updateRotate(2);\n        break;\n      }\n\n      case 'e':\n        // E - closewise\n        updateRotate(-2);\n\n        break;\n\n      case 'g':\n        // G ， overturn 180\n        updateRotate(180);\n\n        break;\n\n      case 'u':\n        {\n          // U , change TopOpereation Pattern\n          const newToolName =\n            TopPointCloudPolygonOperation.pattern === EPolygonPattern.Normal\n              ? EToolName.Rect\n              : EToolName.Polygon;\n          updatePointCloudPattern(newToolName);\n\n          // Tips\n          const POLYGON_PATTERN = {\n            [EToolName.Polygon]: t('PolygonPattern'),\n            [EToolName.Rect]: t('RectPattern'),\n          };\n          message.success(t('ChangePatternMsg', { pattern: POLYGON_PATTERN[newToolName] }));\n\n          // Clear Status\n          TopPointCloudPolygonOperation.clearActiveStatus();\n          TopPointCloudPolygonOperation.clearDrawingStatus();\n        }\n\n        break;\n\n      // +: Increase points size\n      case '+':\n        mainViewInstance?.updatePointSize({ zoomIn: true });\n        break;\n\n      // -: Reduce points size\n      case '-':\n        mainViewInstance?.updatePointSize({ zoomIn: false });\n        break;\n\n      case 'v':\n        ptCtx.setPointCloudValid(!ptCtx.valid);\n        break;\n\n      case 'tab':\n        if (e.shiftKey) {\n          selectPrevBox();\n          break;\n        }\n        selectNextBox();\n        e.preventDefault();\n        break;\n\n      case 'f':\n        changeSelectedBoxValid();\n        break;\n\n      case 'arrowup':\n        updatePolygonOffset({ y: -1 });\n        break;\n\n      case 'arrowdown':\n        updatePolygonOffset({ y: 1 });\n        break;\n\n      case 'arrowleft':\n        updatePolygonOffset({ x: -1 });\n        break;\n\n      case 'arrowright':\n        updatePolygonOffset({ x: 1 });\n        break;\n\n      case 'delete':\n        deleteSelectedPointCloudBoxAndPolygon();\n        break;\n\n      default: {\n        if (config.attributeList?.length > 0) {\n          const keyCode2Attribute = AttributeUtils.getAttributeByKeycode(\n            e.keyCode,\n            config.attributeList,\n          );\n\n          if (keyCode2Attribute !== undefined) {\n            toolInstanceRef.current.setDefaultAttribute(keyCode2Attribute);\n          }\n        }\n        return;\n      }\n    }\n  };\n\n  const ctrlKeydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    switch (lowerCaseKey) {\n      case 'c':\n        copySelectedBoxes();\n        break;\n      case 'v':\n        pasteSelectedBoxes();\n        break;\n      case 'a':\n        e.preventDefault();\n        ptCtx.selectedAllBoxes();\n        break;\n      case 'z': {\n        if (e.shiftKey) {\n          redo();\n        } else {\n          undo();\n        }\n        break;\n      }\n\n      default:\n        break;\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (!CommonToolUtils.hotkeyFilter(e) || checkMode === true) {\n      return;\n    }\n\n    const lowerCaseKey = e.key.toLocaleLowerCase();\n\n    if (e.ctrlKey) {\n      ctrlKeydownEvents(lowerCaseKey, e);\n      return;\n    }\n\n    keydownEvents(lowerCaseKey, e);\n  };\n\n  useEffect(() => {\n    const { topViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    window.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [ptCtx, copiedBoxes, config, ptCtx.pointCloudBoxList, ptCtx.polygonList]);\n\n  useEffect(() => {\n    syncAllViewsConfig(config);\n  }, [configString]);\n\n  useEffect(() => {\n    if (config?.radius) {\n      reRenderTopViewRange(config?.radius);\n    }\n  }, [config?.radius]);\n\n  // Page switch data initialization\n  useEffect(() => {\n    updatePointCloudData?.();\n  }, [imgIndex, ptCtx.mainViewInstance]);\n\n  useEffect(() => {\n    ptCtx.setHideAttributes([]);\n  }, [imgIndex]);\n\n  // Update the listener of toolInstance.\n  useEffect(() => {\n    toolInstanceRef.current.exportData = () => {\n      return [ptCtx.pointCloudBoxList, { valid: ptCtx.valid }];\n    };\n\n    toolInstanceRef.current.exportCustomData = () => {\n      return {\n        resultPolygon: ptCtx.polygonList ?? [],\n      };\n    };\n\n    toolInstanceRef.current.setDefaultAttribute = (newAttribute: string) => {\n      syncThreeViewsAttribute(newAttribute);\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        selectBox.attribute = newAttribute;\n\n        const newPointCloudList = updateSelectedBox(selectBox);\n\n        if (ptCtx.mainViewInstance) {\n          // TODO: Poor performance.\n          topViewSelectedChanged(selectBox, newPointCloudList);\n        }\n      }\n      if (selectedPolygon) {\n        pushHistoryUnderUpdatePolygon({ ...selectedPolygon, attribute: newAttribute });\n      }\n    };\n\n    toolInstanceRef.current.setSubAttribute = (key: string, value: string) => {\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        const originSubAttribute = selectBox?.subAttribute ?? {};\n\n        selectBox.subAttribute = {\n          ...originSubAttribute,\n          [key]: value,\n        };\n\n        updateSelectedBox(selectBox);\n      }\n    };\n    toolInstanceRef.current.clearResult = () => {\n      clearAllResult?.();\n    };\n\n    toolInstanceRef.current.redo = () => {\n      redo();\n    };\n\n    toolInstanceRef.current.undo = () => {\n      undo();\n    };\n\n    toolInstanceRef.current.setValid = (valid: boolean) => {\n      toolInstanceRef.current.valid = valid;\n\n      // Avoid triggering SetState operations in the reducer phase\n      setTimeout(() => {\n        ptCtx.setPointCloudValid(valid);\n\n        if (valid === false) {\n          clearAllResult();\n        }\n      });\n    };\n\n    /**\n     * TopView forbid all operations.\n     * @param forbidOperation\n     */\n    toolInstanceRef.current.setForbidOperation = (forbidOperation: boolean) => {\n      ptCtx.topViewInstance?.pointCloud2dOperation?.setForbidOperation(forbidOperation);\n      if (forbidOperation === true) {\n        // Clear Selected Status.\n        ptCtx.setSelectedIDs(undefined);\n      }\n    };\n\n    toolInstanceRef.current.setShowDefaultCursor = (showDefaultCursor: boolean) => {\n      ptCtx.topViewInstance?.pointCloud2dOperation?.setShowDefaultCursor(showDefaultCursor);\n    };\n\n    toolInstanceRef.current.asyncData = (newData: IFileItem) => {\n      // Next Tick to update.\n      setTimeout(() => {\n        updatePointCloudData?.(newData);\n      });\n    };\n  }, [\n    ptCtx.pointCloudBoxList,\n    ptCtx.selectedID,\n    ptCtx.valid,\n    ptCtx.polygonList,\n    ptCtx.mainViewInstance,\n  ]);\n\n  useEffect(() => {\n    toolInstanceRef.current.history = {\n      // Origin Result\n      pushHistory: (result: any[]) => {\n        // Rewrite\n        // TODO, The polygon is out of range.\n        pushHistoryWithList({ pointCloudBoxList: result });\n      },\n      initRecord: () => {},\n    };\n  }, []);\n\n  useEffect(() => {\n    const toolInstance = ptCtx.topViewInstance?.pointCloud2dOperation;\n\n    if (!toolInstance || checkMode) {\n      return;\n    }\n    // TopViewOperation Emitter\n    const syncAttribute = (newAttribute: string) => {\n      syncThreeViewsAttribute(newAttribute);\n    };\n\n    const messageError = (error: string) => {\n      message.error(error);\n    };\n    const messageInfo = (info: string) => {\n      message.info(info);\n    };\n\n    toolInstance.on('syncAttribute', syncAttribute);\n    toolInstance.on('messageError', messageError);\n    toolInstance.on('messageInfo', messageInfo);\n\n    return () => {\n      toolInstance.unbind('syncAttribute', syncAttribute);\n      toolInstance.unbind('messageError', messageError);\n      toolInstance.unbind('messageInfo', messageInfo);\n    };\n  }, [ptCtx.topViewInstance]);\n\n  return null;\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudListener,\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,CAAE,eAAoB,CAAA,GAAA,KAAA,CAAA;AAM5B,MAAM,qBAAuC,CAAC;AAAA,EAC5C,WAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,CACI,KAAA;AACJ,EAAA,MAAM,QAAQ,UAAW,CAAA,iBAAA,CAAA,CAAA;AACzB,EAAM,MAAA;AAAA,IACJ,sBAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,IACA,qCAAA;AAAA,GACE,GAAA,YAAA,EAAA,CAAA;AACJ,EAAM,MAAA,CAAE,gBAAgB,uBAA4B,CAAA,GAAA,SAAA,EAAA,CAAA;AACpD,EAAM,MAAA,SAAA,GAAY,WAAW,WAAY,CAAA,MAAA,CAAA,CAAA;AACzC,EAAA,MAAM,CAAE,iBAAA,EAAmB,kBAAoB,EAAA,WAAA,CAAA,GAAgB,SAAS,CAAE,MAAA,CAAA,CAAA,CAAA;AAC1E,EAAM,MAAA,CAAE,eAAoB,CAAA,GAAA,qBAAA,CAAsB,CAAE,SAAA,CAAA,CAAA,CAAA;AACpD,EAAM,MAAA,CAAE,YAAiB,CAAA,GAAA,SAAA,CAAU,CAAE,WAAA,CAAA,CAAA,CAAA;AACrC,EAAM,MAAA,CAAE,sBAAsB,sBAA2B,CAAA,GAAA,kBAAA,EAAA,CAAA;AACzD,EAAA,MAAM,CAAE,IAAA,EAAM,IAAM,EAAA,mBAAA,EAAqB,6BAAkC,CAAA,GAAA,UAAA,EAAA,CAAA;AAC3E,EAAA,MAAM,CAAE,uBAA4B,CAAA,GAAA,YAAA,EAAA,CAAA;AACpC,EAAM,MAAA,CAAE,oBAAoB,oBAAyB,CAAA,GAAA,SAAA,EAAA,CAAA;AACrD,EAAA,MAAM,CAAE,eAAoB,CAAA,GAAA,UAAA,EAAA,CAAA;AAC5B,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AAEd,EAAM,MAAA,mBAAA,GAAsB,CAAC,MAAiC,KAAA;AAvDhE,IAAA,IAAA,EAAA,CAAA;AAwDI,IAAA,MAAM,CAAE,eAAoB,CAAA,GAAA,KAAA,CAAA;AAC5B,IAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,MAAA,OAAA;AAAA,KAAA;AAEF,IAAgB,CAAA,EAAA,GAAA,eAAA,CAAA,qBAAA,KAAhB,mBAAuC,4BAA6B,CAAA,MAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAGtE,EAAM,MAAA,aAAA,GAAgB,CAAC,YAAA,EAAsB,CAAqB,KAAA;AA/DpE,IAAA,IAAA,EAAA,CAAA;AAgEI,IAAM,MAAA,CAAE,iBAAiB,gBAAqB,CAAA,GAAA,KAAA,CAAA;AAC9C,IAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,CAAE,uBAAuB,6BAAkC,CAAA,GAAA,eAAA,CAAA;AAEjE,IAAQ,QAAA,YAAA;AAAA,MAAA,KACD,GAAK,EAAA;AAER,QAAa,YAAA,CAAA,CAAA,CAAA,CAAA;AACb,QAAA,MAAA;AAAA,OAAA;AAAA,MAGG,KAAA,GAAA;AAEH,QAAa,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEb,QAAA,MAAA;AAAA,MAEG,KAAA,GAAA;AAEH,QAAa,YAAA,CAAA,GAAA,CAAA,CAAA;AAEb,QAAA,MAAA;AAAA,MAEG,KAAA,GAAA;AACH,QAAA;AAEE,UAAA,MAAM,cACJ,6BAA8B,CAAA,OAAA,KAAY,gBAAgB,MACtD,GAAA,SAAA,CAAU,OACV,SAAU,CAAA,OAAA,CAAA;AAChB,UAAwB,uBAAA,CAAA,WAAA,CAAA,CAAA;AAGxB,UAAA,MAAM,eAAkB,GAAA;AAAA,YACrB,CAAA,SAAA,CAAU,UAAU,CAAE,CAAA,gBAAA,CAAA;AAAA,YACtB,CAAA,SAAA,CAAU,OAAO,CAAE,CAAA,aAAA,CAAA;AAAA,WAAA,CAAA;AAEtB,UAAA,OAAA,CAAQ,OAAQ,CAAA,CAAA,CAAE,kBAAoB,EAAA,CAAE,SAAS,eAAgB,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAGjE,UAA8B,6BAAA,CAAA,iBAAA,EAAA,CAAA;AAC9B,UAA8B,6BAAA,CAAA,kBAAA,EAAA,CAAA;AAAA,SAAA;AAGhC,QAAA,MAAA;AAAA,MAGG,KAAA,GAAA;AACH,QAAkB,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,eAAA,CAAgB,CAAE,MAAQ,EAAA,IAAA,CAAA,CAAA,CAAA;AAC5C,QAAA,MAAA;AAAA,MAGG,KAAA,GAAA;AACH,QAAkB,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,eAAA,CAAgB,CAAE,MAAQ,EAAA,KAAA,CAAA,CAAA,CAAA;AAC5C,QAAA,MAAA;AAAA,MAEG,KAAA,GAAA;AACH,QAAM,KAAA,CAAA,kBAAA,CAAmB,CAAC,KAAM,CAAA,KAAA,CAAA,CAAA;AAChC,QAAA,MAAA;AAAA,MAEG,KAAA,KAAA;AACH,QAAA,IAAI,EAAE,QAAU,EAAA;AACd,UAAA,aAAA,EAAA,CAAA;AACA,UAAA,MAAA;AAAA,SAAA;AAEF,QAAA,aAAA,EAAA,CAAA;AACA,QAAE,CAAA,CAAA,cAAA,EAAA,CAAA;AACF,QAAA,MAAA;AAAA,MAEG,KAAA,GAAA;AACH,QAAA,sBAAA,EAAA,CAAA;AACA,QAAA,MAAA;AAAA,MAEG,KAAA,SAAA;AACH,QAAA,mBAAA,CAAoB,CAAE,CAAG,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACzB,QAAA,MAAA;AAAA,MAEG,KAAA,WAAA;AACH,QAAA,mBAAA,CAAoB,CAAE,CAAG,EAAA,CAAA,CAAA,CAAA,CAAA;AACzB,QAAA,MAAA;AAAA,MAEG,KAAA,WAAA;AACH,QAAA,mBAAA,CAAoB,CAAE,CAAG,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACzB,QAAA,MAAA;AAAA,MAEG,KAAA,YAAA;AACH,QAAA,mBAAA,CAAoB,CAAE,CAAG,EAAA,CAAA,CAAA,CAAA,CAAA;AACzB,QAAA,MAAA;AAAA,MAEG,KAAA,QAAA;AACH,QAAA,qCAAA,EAAA,CAAA;AACA,QAAA,MAAA;AAAA,MAEO,SAAA;AACP,QAAA,IAAI,CAAO,CAAA,EAAA,GAAA,MAAA,CAAA,aAAA,KAAP,IAAsB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,IAAS,CAAG,EAAA;AACpC,UAAA,MAAM,iBAAoB,GAAA,cAAA,CAAe,qBACvC,CAAA,CAAA,CAAE,SACF,MAAO,CAAA,aAAA,CAAA,CAAA;AAGT,UAAA,IAAI,sBAAsB,KAAW,CAAA,EAAA;AACnC,YAAA,eAAA,CAAgB,QAAQ,mBAAoB,CAAA,iBAAA,CAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAGhD,QAAA,OAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAKN,EAAM,MAAA,iBAAA,GAAoB,CAAC,YAAA,EAAsB,CAAqB,KAAA;AACpE,IAAQ,QAAA,YAAA;AAAA,MACD,KAAA,GAAA;AACH,QAAA,iBAAA,EAAA,CAAA;AACA,QAAA,MAAA;AAAA,MACG,KAAA,GAAA;AACH,QAAA,kBAAA,EAAA,CAAA;AACA,QAAA,MAAA;AAAA,MACG,KAAA,GAAA;AACH,QAAE,CAAA,CAAA,cAAA,EAAA,CAAA;AACF,QAAM,KAAA,CAAA,gBAAA,EAAA,CAAA;AACN,QAAA,MAAA;AAAA,MAAA,KACG,GAAK,EAAA;AACR,QAAA,IAAI,EAAE,QAAU,EAAA;AACd,UAAA,IAAA,EAAA,CAAA;AAAA,SACK,MAAA;AACL,UAAA,IAAA,EAAA,CAAA;AAAA,SAAA;AAEF,QAAA,MAAA;AAAA,OAAA;AAIA,KAAA;AAAA,GAAA,CAAA;AAIN,EAAM,MAAA,SAAA,GAAY,CAAC,CAAqB,KAAA;AACtC,IAAA,IAAI,CAAC,eAAA,CAAgB,YAAa,CAAA,CAAA,CAAA,IAAM,cAAc,IAAM,EAAA;AAC1D,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,YAAA,GAAe,EAAE,GAAI,CAAA,iBAAA,EAAA,CAAA;AAE3B,IAAA,IAAI,EAAE,OAAS,EAAA;AACb,MAAA,iBAAA,CAAkB,YAAc,EAAA,CAAA,CAAA,CAAA;AAChC,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,aAAA,CAAc,YAAc,EAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAG9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,CAAE,eAAoB,CAAA,GAAA,KAAA,CAAA;AAC5B,IAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAA,CAAO,iBAAiB,SAAW,EAAA,SAAA,CAAA,CAAA;AAEnC,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,oBAAoB,SAAW,EAAA,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,EAEvC,CAAC,KAAO,EAAA,WAAA,EAAa,MAAQ,EAAA,KAAA,CAAM,mBAAmB,KAAM,CAAA,WAAA,CAAA,CAAA,CAAA;AAE/D,EAAA,SAAA,CAAU,MAAM;AACd,IAAmB,kBAAA,CAAA,MAAA,CAAA,CAAA;AAAA,GAAA,EAClB,CAAC,YAAA,CAAA,CAAA,CAAA;AAEJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iCAAQ,MAAQ,EAAA;AAClB,MAAA,oBAAA,CAAqB,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,MAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAE9B,CAAC,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAGZ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,oBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,oBAAA,EAAA,CAAA;AAAA,GACC,EAAA,CAAC,UAAU,KAAM,CAAA,gBAAA,CAAA,CAAA,CAAA;AAEpB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,KAAA,CAAM,iBAAkB,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA,EACvB,CAAC,QAAA,CAAA,CAAA,CAAA;AAGJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAgB,eAAA,CAAA,OAAA,CAAQ,aAAa,MAAM;AACzC,MAAA,OAAO,CAAC,KAAA,CAAM,iBAAmB,EAAA,CAAE,OAAO,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGlD,IAAgB,eAAA,CAAA,OAAA,CAAQ,mBAAmB,MAAM;AA/PrD,MAAA,IAAA,EAAA,CAAA;AAgQM,MAAO,OAAA;AAAA,QACL,aAAA,EAAe,CAAM,EAAA,GAAA,KAAA,CAAA,WAAA,KAAN,IAAqB,GAAA,EAAA,GAAA,EAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AAIxC,IAAgB,eAAA,CAAA,OAAA,CAAQ,mBAAsB,GAAA,CAAC,YAAyB,KAAA;AACtE,MAAwB,uBAAA,CAAA,YAAA,CAAA,CAAA;AACxB,MAAA,MAAM,YAAY,KAAM,CAAA,qBAAA,CAAA;AACxB,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,SAAA,CAAU,SAAY,GAAA,YAAA,CAAA;AAEtB,QAAA,MAAM,oBAAoB,iBAAkB,CAAA,SAAA,CAAA,CAAA;AAE5C,QAAA,IAAI,MAAM,gBAAkB,EAAA;AAE1B,UAAA,sBAAA,CAAuB,SAAW,EAAA,iBAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAGtC,MAAA,IAAI,eAAiB,EAAA;AACnB,QAA8B,6BAAA,CAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,eAAL,CAAA,EAAA,CAAsB,SAAW,EAAA,YAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAInE,IAAA,eAAA,CAAgB,OAAQ,CAAA,eAAA,GAAkB,CAAC,GAAA,EAAa,KAAkB,KAAA;AAvR9E,MAAA,IAAA,EAAA,CAAA;AAwRM,MAAA,MAAM,YAAY,KAAM,CAAA,qBAAA,CAAA;AACxB,MAAA,IAAI,SAAW,EAAA;AACb,QAAM,MAAA,kBAAA,GAAqB,CAAW,EAAA,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,YAAA,KAAX,IAA2B,GAAA,EAAA,GAAA,EAAA,CAAA;AAEtD,QAAU,SAAA,CAAA,YAAA,GAAe,iCACpB,kBADoB,CAAA,EAAA;AAAA,UAAA,CAEtB,GAAM,GAAA,KAAA;AAAA,SAAA,CAAA,CAAA;AAGT,QAAkB,iBAAA,CAAA,SAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAGtB,IAAgB,eAAA,CAAA,OAAA,CAAQ,cAAc,MAAM;AAC1C,MAAA,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGF,IAAgB,eAAA,CAAA,OAAA,CAAQ,OAAO,MAAM;AACnC,MAAA,IAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGF,IAAgB,eAAA,CAAA,OAAA,CAAQ,OAAO,MAAM;AACnC,MAAA,IAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGF,IAAgB,eAAA,CAAA,OAAA,CAAQ,QAAW,GAAA,CAAC,KAAmB,KAAA;AACrD,MAAA,eAAA,CAAgB,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAGhC,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,KAAA,CAAM,kBAAmB,CAAA,KAAA,CAAA,CAAA;AAEzB,QAAA,IAAI,UAAU,KAAO,EAAA;AACnB,UAAA,cAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AASN,IAAgB,eAAA,CAAA,OAAA,CAAQ,kBAAqB,GAAA,CAAC,eAA6B,KAAA;AAjU/E,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAkUM,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,eAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,qBAAvB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8C,kBAAmB,CAAA,eAAA,CAAA,CAAA;AACjE,MAAA,IAAI,oBAAoB,IAAM,EAAA;AAE5B,QAAA,KAAA,CAAM,cAAe,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAIzB,IAAgB,eAAA,CAAA,OAAA,CAAQ,oBAAuB,GAAA,CAAC,iBAA+B,KAAA;AAzUnF,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA0UM,MAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,eAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,qBAAvB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8C,oBAAqB,CAAA,iBAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGrE,IAAgB,eAAA,CAAA,OAAA,CAAQ,SAAY,GAAA,CAAC,OAAuB,KAAA;AAE1D,MAAA,UAAA,CAAW,MAAM;AACf,QAAuB,oBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,oBAAA,CAAA,OAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAG1B,EAAA;AAAA,IACD,KAAM,CAAA,iBAAA;AAAA,IACN,KAAM,CAAA,UAAA;AAAA,IACN,KAAM,CAAA,KAAA;AAAA,IACN,KAAM,CAAA,WAAA;AAAA,IACN,KAAM,CAAA,gBAAA;AAAA,GAAA,CAAA,CAAA;AAGR,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAA,CAAgB,QAAQ,OAAU,GAAA;AAAA,MAEhC,WAAA,EAAa,CAAC,MAAkB,KAAA;AAG9B,QAAA,mBAAA,CAAoB,CAAE,iBAAmB,EAAA,MAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,MAE3C,YAAY,MAAM;AAAA,OAAA;AAAA,KAAA,CAAA;AAAA,GAEnB,EAAA,EAAA,CAAA,CAAA;AAEH,EAAA,SAAA,CAAU,MAAM;AAvWlB,IAAA,IAAA,EAAA,CAAA;AAwWI,IAAM,MAAA,YAAA,GAAe,CAAM,EAAA,GAAA,KAAA,CAAA,eAAA,KAAN,IAAuB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,qBAAA,CAAA;AAE5C,IAAI,IAAA,CAAC,gBAAgB,SAAW,EAAA;AAC9B,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,aAAA,GAAgB,CAAC,YAAyB,KAAA;AAC9C,MAAwB,uBAAA,CAAA,YAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAG1B,IAAM,MAAA,YAAA,GAAe,CAAC,KAAkB,KAAA;AACtC,MAAA,OAAA,CAAQ,KAAM,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAEhB,IAAM,MAAA,WAAA,GAAc,CAAC,IAAiB,KAAA;AACpC,MAAA,OAAA,CAAQ,IAAK,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGf,IAAA,YAAA,CAAa,GAAG,eAAiB,EAAA,aAAA,CAAA,CAAA;AACjC,IAAA,YAAA,CAAa,GAAG,cAAgB,EAAA,YAAA,CAAA,CAAA;AAChC,IAAA,YAAA,CAAa,GAAG,aAAe,EAAA,WAAA,CAAA,CAAA;AAE/B,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAO,eAAiB,EAAA,aAAA,CAAA,CAAA;AACrC,MAAA,YAAA,CAAa,OAAO,cAAgB,EAAA,YAAA,CAAA,CAAA;AACpC,MAAA,YAAA,CAAa,OAAO,aAAe,EAAA,WAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,EAEpC,CAAC,KAAM,CAAA,eAAA,CAAA,CAAA,CAAA;AAEV,EAAO,OAAA,IAAA,CAAA;AAAA,CAAA,CAAA;AAGT,2BAAe,QAAQ,iBAAmB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAC/D,CAAA,CAAA,CAAA,kBAAA,CAAA;;;;"}