@labelbee/lb-components 1.6.0-alpha.2 → 1.6.0-alpha.20

package/dist/App.js

@@ -1 +1 @@
-"use strict";var index$1=require("./views/MainView/index.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactRedux=require("react-redux"),index=require("./index.js"),Actions=require("./store/Actions.js"),actionCreators=require("./store/annotation/actionCreators.js"),reducer=require("./store/annotation/reducer.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};const App=e=>{const{imgList:t,step:r=1,stepList:s,onSubmit:l,onSave:c,onPageChange:u,onStepChange:d,initialIndex:a=0,toolInstance:n,setToolInstance:o,getFileData:p,pageSize:f=10,loadFileList:i,defaultLang:v="cn"}=e;React.useEffect(()=>{index.store.dispatch(actionCreators.InitTaskData({onSubmit:l,stepList:s,step:r,getFileData:p,pageSize:f,loadFileList:i,onSave:c,onPageChange:u,onStepChange:d})),g(),lbUtils.i18n.changeLanguage(v)},[]),React.useEffect(()=>{o==null||o(n)},[n]);const g=()=>{i?actionCreators.loadImgList(index.store.dispatch,index.store.getState,a,!0).then(_=>{_&&index.store.dispatch(reducer.LoadFileAndFileData(a))}):t&&t.length>0&&(index.store.dispatch({type:Actions.ANNOTATION_ACTIONS.UPDATE_IMG_LIST,payload:{imgList:t}}),index.store.dispatch(reducer.LoadFileAndFileData(a)))};return React__default.default.createElement("div",null,React__default.default.createElement(index$1,__spreadValues({},e)))},mapStateToProps=e=>({toolInstance:e.annotation.toolInstance});var App$1=reactRedux.connect(mapStateToProps)(App);module.exports=App$1;
+"use strict";var index$1=require("./views/MainView/index.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactRedux=require("react-redux"),index=require("./index.js"),ctx=require("./store/ctx.js"),Actions=require("./store/Actions.js"),actionCreators=require("./store/annotation/actionCreators.js"),reducer=require("./store/annotation/reducer.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};const App=e=>{const{imgList:t,step:r=1,stepList:n,onSubmit:o,onSave:i,onPageChange:s,onStepChange:l,initialIndex:c=0,toolInstance:g,setToolInstance:v,getFileData:u,pageSize:d=10,loadFileList:a,defaultLang:p="cn",skipBeforePageTurning:_,beforeRotate:f}=e;React.useEffect(()=>{index.store.dispatch(actionCreators.InitTaskData({onSubmit:o,stepList:n,step:r,getFileData:u,pageSize:d,loadFileList:a,onSave:i,onPageChange:s,onStepChange:l,skipBeforePageTurning:_,beforeRotate:f})),I(),lbUtils.i18n.changeLanguage(p)},[]),React.useEffect(()=>{index.store.dispatch(actionCreators.UpdateInjectFunc({onSubmit:o,stepList:n,getFileData:u,pageSize:d,loadFileList:a,onSave:i,onPageChange:s,onStepChange:l,beforeRotate:f})),lbUtils.i18n.changeLanguage(p)},[o,n,u,d,a,i,s,l,p,f]),React.useEffect(()=>{v==null||v(g)},[g]);const I=()=>{a?actionCreators.loadImgList(index.store.dispatch,index.store.getState,c,!0).then(h=>{h&&index.store.dispatch(reducer.LoadFileAndFileData(c))}):t&&t.length>0&&(index.store.dispatch({type:Actions.ANNOTATION_ACTIONS.UPDATE_IMG_LIST,payload:{imgList:t}}),index.store.dispatch(reducer.LoadFileAndFileData(c)))};return React__default.default.createElement("div",null,React__default.default.createElement(index$1,__spreadValues({},e)))},mapStateToProps=e=>({toolInstance:e.annotation.toolInstance});var App$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(App);module.exports=App$1;

package/dist/assets/annotation/pointCloudTool/nodata.svg.js

@@ -0,0 +1 @@
+"use strict";var img="data:image/svg+xml,%3csvg width='68' height='76' viewBox='0 0 68 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_96880_20054)'%3e%3crect x='6.45483' y='0.848145' width='54.0956' height='56.7089' rx='1.04533' fill='url(%23paint0_linear_96880_20054)' fill-opacity='0.12'/%3e%3cpath d='M67 41.3584V75H0V57.755L65.6869 40.348C66.3501 40.1722 67 40.6723 67 41.3584Z' fill='url(%23paint1_linear_96880_20054)'/%3e%3cpath d='M0.182861 35.8192V75.3775H67.0837V59.9767L1.60277 34.8433C0.91818 34.5806 0.182861 35.086 0.182861 35.8192Z' fill='url(%23paint2_linear_96880_20054)'/%3e%3cpath d='M34.8791 22C31.5247 22 28.8956 22.9519 26.9464 24.8558C25.4935 26.2426 24.5938 28.0144 24.2124 30.171C23.9638 31.5762 25.1568 32.7431 26.5838 32.7431V32.7431C28.0108 32.7431 29.098 31.5652 29.4401 30.1799C29.627 29.423 29.912 28.7815 30.3008 28.2555C31.2074 27.0316 32.6126 26.4423 34.5618 26.4423C36.103 26.4423 37.3269 26.8503 38.1882 27.7115C39.0041 28.5728 39.4574 29.7514 39.4574 31.2473C39.4574 32.3805 39.0494 33.4684 38.2335 34.4657L37.6896 35.1003C34.7431 37.7294 32.9753 39.6332 32.386 40.8571C31.9171 41.7614 31.6462 42.8142 31.5366 43.9972C31.4651 44.7702 31.9823 45.4588 32.7224 45.6932V45.6932C33.2639 45.8647 33.8406 45.8939 34.3967 45.778L34.957 45.6612C35.9679 45.4505 36.6494 44.5444 36.9087 43.5449C37.0201 43.1152 37.1747 42.7029 37.3723 42.3077C37.7802 41.4918 38.3695 40.7212 39.1854 40.0865C41.3613 38.1827 42.6758 36.9588 43.0838 36.5055C44.1717 35.0549 44.761 33.1964 44.761 30.9299C44.761 28.1648 43.8544 25.989 42.0412 24.4025C40.228 22.7706 37.8255 22 34.8791 22ZM34.0632 48.1552C33.0659 48.1552 32.25 48.4725 31.6154 49.1071C30.8901 49.7418 30.5728 50.5577 30.5728 51.5549C30.5728 52.5522 30.8901 53.3681 31.6154 54.0027C32.25 54.6374 33.0659 55 34.0632 55C35.0604 55 35.8764 54.6827 36.6016 54.0481C37.2363 53.4135 37.5989 52.5522 37.5989 51.5549C37.5989 50.5577 37.2363 49.7418 36.6016 49.1071C35.9217 48.4725 35.0604 48.1552 34.0632 48.1552Z' fill='%23F3F3F3' fill-opacity='0.25'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear_96880_20054' x1='33.5026' y1='0.848145' x2='33.5026' y2='57.557' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23EDEDED'/%3e%3cstop offset='1' stop-color='white'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_96880_20054' x1='33.5' y1='32.9214' x2='33.5' y2='62.8103' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23373737'/%3e%3cstop offset='1' stop-color='%230E0E0E'/%3e%3c/linearGradient%3e%3clinearGradient id='paint2_linear_96880_20054' x1='33.6333' y1='31.097' x2='33.6333' y2='74.1393' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%232C2C2C'/%3e%3cstop offset='1' stop-color='%23424242'/%3e%3c/linearGradient%3e%3cclipPath id='clip0_96880_20054'%3e%3crect width='68' height='76.0002' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";module.exports=img;

package/dist/assets/attributeIcon/eraser.svg.js

@@ -0,0 +1 @@
+"use strict";var img="data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect x='6.34875' y='0.353553' width='4.5' height='8.47848' rx='2.25' transform='rotate(45 6.34875 0.353553)' fill='%23E6E6E6' stroke='%23BAB8B8' stroke-width='0.5' /%3e %3cline x1='1.74547' y1='4.60767' x2='4.92401' y2='8.46733' stroke='%23BAB8B8' stroke-width='0.5' /%3e %3cline x1='2.00061' y1='9.75' x2='10.0006' y2='9.75' stroke='%23BAB8B8' stroke-width='0.5' /%3e%3c/svg%3e";module.exports=img;

package/dist/assets/attributeIcon/eraser_a.svg.js

@@ -0,0 +1 @@
+"use strict";var img="data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect x='6.34875' y='0.353553' width='4.5' height='8.47848' rx='2.25' transform='rotate(45 6.34875 0.353553)' fill='%236272FB' stroke='%23BAB8B8' stroke-width='0.5' /%3e %3cline x1='1.74547' y1='4.60767' x2='4.92401' y2='8.46733' stroke='%23BAB8B8' stroke-width='0.5' /%3e %3cline x1='2.00061' y1='9.75' x2='10.0006' y2='9.75' stroke='%236272FB' stroke-width='0.5' /%3e%3c/svg%3e";module.exports=img;

package/dist/assets/attributeIcon/pen.svg.js

@@ -0,0 +1 @@
+"use strict";var img="data:image/svg+xml,%3csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect x='9.07153' y='1' width='3' height='10' rx='1' transform='rotate(45 9.07153 1)' fill='%23BAB8B8' /%3e %3cpath d='M1.06068 11.182L1.73311 8.67247L3.57023 10.5096L1.06068 11.182Z' fill='%23BAB8B8' /%3e %3ccircle cx='11.0002' cy='1' r='1' fill='%23BAB8B8' /%3e%3c/svg%3e";module.exports=img;

package/dist/assets/attributeIcon/pen_a.svg.js

@@ -0,0 +1 @@
+"use strict";var img="data:image/svg+xml,%3csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect x='9.07153' y='1' width='3' height='10' rx='1' transform='rotate(45 9.07153 1)' fill='%236272FB' /%3e %3cpath d='M1.06068 11.182L1.73311 8.67247L3.57023 10.5096L1.06068 11.182Z' fill='%236272FB' /%3e %3ccircle cx='11.0002' cy='1' r='1' fill='%236272FB' /%3e%3c/svg%3e";module.exports=img;

package/dist/components/AnnotationView/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),es=require("antd/es");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,o,e)=>o in r?__defProp(r,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[o]=e,__spreadValues=(r,o)=>{for(var e in o||(o={}))__hasOwnProp.call(o,e)&&__defNormalProp(r,e,o[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(o))__propIsEnum.call(o,e)&&__defNormalProp(r,e,o[e]);return r};const DEFAULT_SIZE={width:1280,height:720},AnnotationView=(r,o)=>{const{size:e=DEFAULT_SIZE,src:v,annotations:l=[],style:p={stroke:"blue",thickness:3},zoomChange:s,backgroundStyle:g={},onChange:c,showLoading:_=!1}=r,[m,f]=React.useState(!1),d=React.useRef(null),n=React.useRef();React.useImperativeHandle(o,()=>{const t=n.current;return t?{zoomIn:()=>t.zoomChanged(!0),zoomOut:()=>t.zoomChanged(!1),initImgPos:()=>t.initImgPos(),toolInstance:t}:{}},[n.current]),React.useEffect(()=>(d.current&&(n.current=new lbAnnotation.ViewOperation({container:d.current,size:e,style:p,annotations:l,config:"{}"}),n.current.init()),()=>{var t;(t=n.current)==null||t.destroy()}),[]),React.useEffect(()=>{var t;n.current&&(f(!0),(t=n.current)==null||t.setLoading(!0),lbAnnotation.ImgUtils.load(v).then(i=>{var a,u;(a=n.current)==null||a.setLoading(!1),f(!1),(u=n.current)==null||u.setImgNode(i)}).catch(()=>{var i;(i=n.current)==null||i.setLoading(!1),f(!1)}))},[v]),React.useEffect(()=>{n.current&&n.current.updateData(l)},[l]),React.useEffect(()=>{const t=n.current;(t==null?void 0:t.setSize)&&t.setSize(e)},[e==null?void 0:e.width,e==null?void 0:e.height]),React.useEffect(()=>{var t,i;return n.current&&((t=n.current)==null||t.on("onChange",(...a)=>{c==null||c.apply(null,a)}),(i=n.current)==null||i.on("renderZoom",a=>{s&&s(a)})),()=>{var a,u;(a=n.current)==null||a.unbindAll("onChange"),(u=n.current)==null||u.unbindAll("renderZoom")}},[s,c]);const h=React__default.default.createElement("div",{ref:d,style:__spreadValues(__spreadValues({position:"relative"},e),g)});return React__default.default.createElement(es.Spin,{spinning:_||m,delay:300},h)};var AnnotationView$1=React__default.default.forwardRef(AnnotationView);module.exports=AnnotationView$1;
+"use strict";var React=require("react"),lbAnnotation=require("@labelbee/lb-annotation"),es=require("antd/es"),useRefCache=require("../../hooks/useRefCache.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e};const DEFAULT_SIZE={width:500,height:100},sizeInitialized=e=>{if(!e)return DEFAULT_SIZE;if(e.width&&e.height)return e;const t=__spreadValues({},e);return t.width||(t.width=DEFAULT_SIZE.width),t.height||(t.height=DEFAULT_SIZE.height),t},AnnotationView=(e,t)=>{var o,h;const{src:g,annotations:l=[],style:m={stroke:"blue",thickness:3},zoomChange:s,backgroundStyle:p={},onChange:c,showLoading:w=!1,globalStyle:b,afterImgOnLoad:y}=e,f=sizeInitialized(e.size),[I,d]=React.useState(!1),v=React.useRef(null),r=React.useRef(),_=useRefCache(y);React.useImperativeHandle(t,()=>{const n=r.current;return n?{zoomIn:()=>n.zoomChanged(!0),zoomOut:()=>n.zoomChanged(!1),initImgPos:()=>n.initImgPos(),toolInstance:n}:{}},[r.current]),React.useEffect(()=>(v.current&&(r.current=new lbAnnotation.ViewOperation({container:v.current,size:f,style:m,annotations:l,config:"{}"}),r.current.init()),()=>{var n;(n=r.current)==null||n.destroy()}),[]),React.useEffect(()=>{var n;r.current&&(d(!0),(n=r.current)==null||n.setLoading(!0),lbAnnotation.ImgUtils.load(g).then(i=>{var a,u;(a=r.current)==null||a.setLoading(!1),d(!1),(u=r.current)==null||u.setImgNode(i),_.current&&_.current(i)}).catch(()=>{var i;(i=r.current)==null||i.setLoading(!1),d(!1)}))},[g]),React.useEffect(()=>{r.current&&r.current.updateData(l)},[l]),React.useEffect(()=>{const n=r.current;(n==null?void 0:n.setSize)&&(n.setSize(f),n.initPosition())},[(o=e.size)==null?void 0:o.width,(h=e.size)==null?void 0:h.height]),React.useEffect(()=>{var n,i;return r.current&&((n=r.current)==null||n.on("onChange",(...a)=>{c==null||c.apply(null,a)}),(i=r.current)==null||i.on("renderZoom",a=>{s&&s(a)})),()=>{var a,u;(a=r.current)==null||a.unbindAll("onChange"),(u=r.current)==null||u.unbindAll("renderZoom")}},[s,c]);const O=React__default.default.createElement("div",{ref:v,style:__spreadValues(__spreadValues({position:"relative"},f),p)});return React__default.default.createElement(es.Spin,{spinning:w||I,delay:300,style:b},O)};var AnnotationView$1=React__default.default.forwardRef(AnnotationView);module.exports=AnnotationView$1;

package/dist/components/AnnotationView/pointCloudAnnotationView.js

@@ -0,0 +1 @@
+"use strict";var lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),React=require("react");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React);const PointCloudAnnotationView=r=>{const{src:l,result:a,size:u}=r;let i=React.useRef();const t=React.useRef(),s=React.useCallback(e=>{i.current=e},[]);return React.useEffect(()=>{const e=new lbAnnotation.PointCloud({container:i.current,backgroundColor:"#ccc"});return t.current=e,()=>{var n;(n=t.current.renderer)==null||n.forceContextLoss()}},[]),React.useEffect(()=>{var e;(e=t.current)==null||e.init()},[u]),React.useEffect(()=>{var e;t.current&&l&&((e=t.current)==null||e.loadPCDFile(l))},[l]),React.useEffect(()=>(a&&lbUtils.PointCloudUtils.getBoxParamsFromResultList(a).forEach(n=>{var o;(o=t.current)==null||o.generateBox(n,n.id)}),()=>{var e;lbUtils.PointCloudUtils.getBoxParamsFromResultList(a).forEach(o=>{var c;(c=t.current)==null||c.removeObjectByName(o.id)}),(e=t.current)==null||e.render()}),[a]),React__default.default.createElement("div",{style:u,ref:s})};module.exports=PointCloudAnnotationView;

package/dist/components/attributeList/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Style=require("../../data/Style.js"),index=require("../colorTag/index.js"),es=require("antd/es"),React=require("react");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,n)=>{const d=React__default.default.useRef(),o=e.list||[];let u=[...ATTRIBUTE_COLORS];e.forbidDefault===!0&&(u=u.slice(1));let r="sensebee-radio-group";return e.noHeightLimit&&(r="sensebee-radio-group-no-limit-height"),React__default.default.createElement("div",{className:r},React__default.default.createElement(es.Radio.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,onChange:a=>e.attributeChanged(a.target.value),ref:n},o.map((a,l)=>{var i;let t=(i=e==null?void 0:e.num)!=null?i:l;return e.forbidDefault===!0&&t++,typeof t=="number"&&t<=9&&t>=0||(t="-"),React__default.default.createElement(es.Radio,{value:a.value,ref:d,key:l},React__default.default.createElement("span",{className:"sensebee-radio-label",title:a.label},!(e==null?void 0:e.forbidColor)&&React__default.default.createElement(index.ColorTag,{color:l>8&&!e.forbidDefault?Style.COLORS_ARRAY[(l-1)%Style.COLORS_ARRAY.length]:u[l%u.length],style:{marginRight:"8px"}}),a.label),React__default.default.createElement("span",{className:"sensebee-radio-num"},t))})))});exports.ATTRIBUTE_COLORS=ATTRIBUTE_COLORS,exports.default=AttributeList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Style=require("../../data/Style.js"),index=require("../colorTag/index.js"),es=require("antd/es"),React=require("react");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,o)=>{const d=React__default.default.useRef(),f=e.list||[];let r=[...ATTRIBUTE_COLORS];e.forbidDefault===!0&&(r=r.slice(1));let u="sensebee-radio-group";return e.noHeightLimit&&(u="sensebee-radio-group-no-limit-height"),React__default.default.createElement("div",{className:u},React__default.default.createElement(es.Radio.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,onChange:t=>e.attributeChanged(t.target.value),ref:o},f.map((t,l)=>{var i;let a=(i=e==null?void 0:e.num)!=null?i:l;e.forbidDefault===!0&&a++,typeof a=="number"&&a<=9&&a>=0||(a="-");let n=l>8&&!e.forbidDefault?Style.COLORS_ARRAY[(l-1)%Style.COLORS_ARRAY.length]:r[l%r.length];return(t==null?void 0:t.color)&&(n=t.color),React__default.default.createElement(es.Radio,{value:t.value,ref:d,key:l},React__default.default.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&React__default.default.createElement(index.ColorTag,{color:n,style:{marginRight:"8px"}}),t.label),React__default.default.createElement("span",{className:"sensebee-radio-num"},a))})))});exports.ATTRIBUTE_COLORS=ATTRIBUTE_COLORS,exports.default=AttributeList;

package/dist/components/customResizeHook/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var AnnotationSize=require("../../data/enums/AnnotationSize.js"),lbAnnotation=require("@labelbee/lb-annotation"),React=require("react"),reactRedux=require("react-redux"),actionCreators=require("../../store/annotation/actionCreators.js"),antd=require("antd");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const EKeyCode=lbAnnotation.cKeyCode.default,viewportContext=React__default.default.createContext({width:window.innerWidth,height:window.innerHeight}),ViewportProviderComponent=e=>{const{children:a,dispatch:n}=e,[i]=React.useState(window.innerWidth),[r]=React.useState(window.innerHeight),o=t=>{var s;if(!!lbAnnotation.toolUtils.hotkeyFilter(t)&&((!t.shiftKey||!t.ctrlKey)&&(t.keyCode===EKeyCode.A&&n(actionCreators.PageBackward()),t.keyCode===EKeyCode.D&&n(actionCreators.PageForward()),t.keyCode===EKeyCode.R&&n(actionCreators.UpdateRotate())),t.shiftKey===!0&&t.ctrlKey===!0&&t.altKey===!0&&t.keyCode===EKeyCode.C)){antd.message.success("DEVELOPMENT TESTING - Switch Last Two Canvas");const c=(s=e.annotation)==null?void 0:s.annotationEngine.switchLastTwoCanvas();if(!c)return;n(actionCreators.UpdateToolInstance(c))}};React.useEffect(()=>(window.addEventListener("keydown",o),()=>{window.removeEventListener("keydown",o)}),[e.annotation.annotationEngine]);const d=React.useMemo(()=>({width:i,height:r}),[i,r]);return React__default.default.createElement(viewportContext.Provider,{value:d},a)},ViewportProvider=reactRedux.connect(e=>({annotation:e.annotation}))(ViewportProviderComponent),getFormatSize=(e,a=!1,n=!1)=>{const{width:i,height:r}=e,o=AnnotationSize.headerHeight+AnnotationSize.footerHeight,d=n?40+o+40:o,t=a?AnnotationSize.editStepWidth+AnnotationSize.sidebarWidth:AnnotationSize.sidebarWidth;return{width:i-t,height:r-d}};exports.ViewportProvider=ViewportProvider,exports.ViewportProviderComponent=ViewportProviderComponent,exports.getFormatSize=getFormatSize,exports.viewportContext=viewportContext;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var AnnotationSize=require("../../data/enums/AnnotationSize.js"),lbAnnotation=require("@labelbee/lb-annotation"),React=require("react"),reactRedux=require("react-redux"),actionCreators=require("../../store/annotation/actionCreators.js"),antd=require("antd"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const EKeyCode=lbAnnotation.cKeyCode.default,viewportContext=React__default.default.createContext({width:window.innerWidth,height:window.innerHeight}),ViewportProviderComponent=e=>{const{children:d,dispatch:n,annotation:{skipBeforePageTurning:o}}=e,[i]=React.useState(window.innerWidth),[r]=React.useState(window.innerHeight),a=t=>{var c;if(!!lbAnnotation.toolUtils.hotkeyFilter(t)){if(!t.shiftKey&&!t.ctrlKey){if(t.keyCode===EKeyCode.A){if(o){o(()=>n(actionCreators.PageBackward()));return}n(actionCreators.PageBackward())}if(t.keyCode===EKeyCode.D){if(o){o(()=>n(actionCreators.PageForward()));return}n(actionCreators.PageForward())}t.keyCode===EKeyCode.R&&n(actionCreators.UpdateRotate()),t.keyCode===EKeyCode.C&&t.altKey===!0&&n(actionCreators.CopyBackWordResult())}if(t.shiftKey===!0&&t.ctrlKey===!0&&t.altKey===!0&&t.keyCode===EKeyCode.C){antd.message.success("DEVELOPMENT TESTING - Switch Last Two Canvas");const u=(c=e.annotation)==null?void 0:c.annotationEngine.switchLastTwoCanvas();if(!u)return;n(actionCreators.UpdateToolInstance(u))}}};React.useEffect(()=>(window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}),[e.annotation.annotationEngine,e.annotation.skipBeforePageTurning]);const s=React.useMemo(()=>({width:i,height:r}),[i,r]);return React__default.default.createElement(viewportContext.Provider,{value:s},d)},ViewportProvider=reactRedux.connect(e=>({annotation:e.annotation}),null,null,{context:ctx.LabelBeeContext})(ViewportProviderComponent),getFormatSize=(e,d=!1,n=!1)=>{const{width:o,height:i}=e,r=AnnotationSize.headerHeight+AnnotationSize.footerHeight,a=n?40+r+40:r,s=d?AnnotationSize.editStepWidth+AnnotationSize.sidebarWidth:AnnotationSize.sidebarWidth;return{width:o-s,height:i-a}};exports.ViewportProvider=ViewportProvider,exports.ViewportProviderComponent=ViewportProviderComponent,exports.getFormatSize=getFormatSize,exports.viewportContext=viewportContext;

package/dist/components/pointCloudView/PointCloud2DView.js

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

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");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React);const pointCloudID="LABELBEE-POINTCLOUD",PointCloud3DContext=React__default.default.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{}}),PointCloudViewIcon=({perspectiveView:e})=>{const{isActive:n,setTarget3DView:s}=React.useContext(PointCloud3DContext),r=o=>classNames__default.default({[dom.getClassName("point-cloud-3d-view",o)]:!0,active:n});return React__default.default.createElement("span",{onClick:()=>{s(lbUtils.EPerspectiveView[e])},className:r(e.toLocaleLowerCase())})},PointCloud3DSideBar=()=>{const{reset3DView:e}=React.useContext(PointCloud3DContext);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("span",{onClick:()=>{e()},className:dom.getClassName("point-cloud-3d-view","reset")}))},PointCloud3D=({currentData:e})=>{const n=React.useContext(PointCloudContext.PointCloudContext),[s,r]=React.useState(!0),o=React.useRef(null),{selectedBox:l}=useSingleBox.useSingleBox(),u=a=>{var t;const i=l==null?void 0:l.info;i&&((t=n.mainViewInstance)==null||t.updateCameraByBox(i,a))},c=()=>{var a;(a=n.mainViewInstance)==null||a.resetCamera()};React.useEffect(()=>{var a;if(o.current&&(e==null?void 0:e.url)){let t=n.mainViewInstance;if(t||(t=new lbAnnotation.PointCloud({container:o.current,backgroundColor:"#4c4c4c"})),e.result){const i=lbUtils.PointCloudUtils.getBoxParamsFromResultList(e.result);i.forEach(v=>{t==null||t.generateBox(v)}),n.setPointCloudResult(i),n.setPointCloudValid((a=index.jsonParser(e.result))==null?void 0:a.valid)}n.setMainViewInstance(t)}},[]),React.useEffect(()=>{l&&u(lbUtils.EPerspectiveView.Top)},[l]);const d=React.useMemo(()=>({reset3DView:c,setTarget3DView:u,isActive:!!l}),[l]),m=React__default.default.createElement("div",null,React__default.default.createElement("span",{style:{marginRight:8}},"\u663E\u793A\u7BAD\u5934"),React__default.default.createElement(antd.Switch,{size:"small",checked:s,onChange:a=>{var t;r(a),(t=n.mainViewInstance)==null||t.setShowDirection(a)}}));return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-3d-container"),title:"3D\u89C6\u56FE",toolbar:m},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-content")},React__default.default.createElement(PointCloud3DContext.Provider,{value:d},React__default.default.createElement(PointCloud3DSideBar,null)),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-view"),id:pointCloudID,ref:o})))};var PointCloud3DView=reactRedux.connect(map.aMapStateToProps)(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");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React);const pointCloudID="LABELBEE-POINTCLOUD",PointCloud3DContext=React__default.default.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{}}),PointCloudViewIcon=({perspectiveView:e})=>{const{isActive:l,setTarget3DView:a}=React.useContext(PointCloud3DContext),r=u=>classNames__default.default({[dom.getClassName("point-cloud-3d-view",u)]:!0,active:l});return React__default.default.createElement("span",{onClick:()=>{a(lbUtils.EPerspectiveView[e])},className:r(e.toLocaleLowerCase())})},PointCloud3DSideBar=()=>{const{reset3DView:e}=React.useContext(PointCloud3DContext);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("span",{onClick:()=>{e()},className:dom.getClassName("point-cloud-3d-view","reset")}))},PointCloud3D=({currentData:e})=>{var l;const a=React.useContext(PointCloudContext.PointCloudContext),[r,u]=React.useState(!0),s=React.useRef(null),{initPointCloud3d:c}=usePointCloudViews.usePointCloudViews(),v=useSize(s),{t:d}=reactI18next.useTranslation();React.useEffect(()=>{!a.mainViewInstance||c==null||c()},[v]);const{selectedBox:n}=useSingleBox.useSingleBox(),m=i=>{var t;const o=n==null?void 0:n.info;o&&((t=a.mainViewInstance)==null||t.updateCameraByBox(o,i))},C=()=>{var i;(i=a.mainViewInstance)==null||i.resetCamera()};React.useEffect(()=>{var i;if(s.current&&(e==null?void 0:e.url)){let t=a.mainViewInstance;if(t||(t=new lbAnnotation.PointCloud({container:s.current,backgroundColor:"#4c4c4c"})),e.result){const o=lbUtils.PointCloudUtils.getBoxParamsFromResultList(e.result);o.forEach(w=>{t==null||t.generateBox(w)}),a.setPointCloudResult(o),a.setPointCloudValid((i=index.jsonParser(e.result))==null?void 0:i.valid)}a.setMainViewInstance(t)}},[e]),React.useEffect(()=>{n&&m(lbUtils.EPerspectiveView.Top)},[n]);const f=React.useMemo(()=>({reset3DView:C,setTarget3DView:m,isActive:!!n}),[n]),p=React__default.default.createElement("div",null,React__default.default.createElement("span",{style:{marginRight:8}},d("ShowArrows")),React__default.default.createElement(antd.Switch,{size:"small",checked:r,onChange:i=>{var t;u(i),(t=a.mainViewInstance)==null||t.setShowDirection(i)}}));return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-3d-container"),title:d("3DView"),toolbar:p,style:{height:e.mappingImgList&&((l=e.mappingImgList)==null?void 0:l.length)>0?"55%":"100%"}},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-content")},React__default.default.createElement(PointCloud3DContext.Provider,{value:f},React__default.default.createElement(PointCloud3DSideBar,null)),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-3d-view"),id:pointCloudID,ref:s})))};var PointCloud3DView=reactRedux.connect(map.aMapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud3D);module.exports=PointCloud3DView;

package/dist/components/pointCloudView/PointCloudBackView.js

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

package/dist/components/pointCloudView/PointCloudContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopDefaultLegacy(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var React__default=_interopDefaultLegacy(React);const PointCloudContext=React__default.default.createContext({pointCloudBoxList:[],polygonList:[],selectedID:"",selectedIDs:[],valid:!0,setSelectedIDs:()=>{},setPointCloudResult:()=>{},setPointCloudValid:()=>{},setTopViewInstance:()=>{},setSideViewInstance:()=>{},setBackViewInstance:()=>{},setMainViewInstance:()=>{},addSelectedID:()=>{},selectedAllBoxes:()=>{},addPointCloudBox:()=>{},setPolygonList:()=>{}}),PointCloudProvider=({children:s})=>{const[o,a]=React.useState([]),[c,C]=React.useState([]),[t,i]=React.useState([]),[d,P]=React.useState(!0),[l,p]=React.useState(),[u,I]=React.useState(),[r,x]=React.useState(),[f,V]=React.useState(),S=React.useMemo(()=>t.length===1?t[0]:"",[t]),w=React.useMemo(()=>{const y=o.find(e=>e.id===S),v=e=>{a(o.concat(e))},B=e=>{P(e!==!1)},n=e=>{e===void 0&&i([]),typeof e=="string"&&i([e]),Array.isArray(e)&&i(Array.from(new Set(e)))};return{selectedID:S,pointCloudBoxList:o,selectedIDs:t,setPointCloudResult:a,setSelectedIDs:n,addPointCloudBox:v,valid:d,selectedPointCloudBox:y,setPointCloudValid:B,addSelectedID:e=>{t.includes(e)?n(t.filter(g=>g!==e)):n([...t,e])},selectedAllBoxes:()=>{n(o.map(e=>e.id))},topViewInstance:l,setTopViewInstance:p,sideViewInstance:u,setSideViewInstance:I,backViewInstance:r,setBackViewInstance:x,mainViewInstance:f,setMainViewInstance:V,polygonList:c,setPolygonList:C}},[d,t,o,c,l,u,r,f]);return React__default.default.createElement(PointCloudContext.Provider,{value:w},s)};exports.PointCloudContext=PointCloudContext,exports.PointCloudProvider=PointCloudProvider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopDefaultLegacy(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var React__default=_interopDefaultLegacy(React);const PointCloudContext=React__default.default.createContext({pointCloudBoxList:[],polygonList:[],selectedID:"",selectedIDs:[],valid:!0,setSelectedIDs:()=>{},setPointCloudResult:()=>{},setPointCloudValid:()=>{},setTopViewInstance:()=>{},setSideViewInstance:()=>{},setBackViewInstance:()=>{},setMainViewInstance:()=>{},addSelectedID:()=>{},selectedAllBoxes:()=>{},addPointCloudBox:()=>{},setPolygonList:()=>{},zoom:1,setZoom:()=>{}}),PointCloudProvider=({children:o})=>{const[s,a]=React.useState([]),[c,P]=React.useState([]),[t,i]=React.useState([]),[d,p]=React.useState(!0),[l,I]=React.useState(1),[u,x]=React.useState(),[r,V]=React.useState(),[f,w]=React.useState(),[S,y]=React.useState(),C=React.useMemo(()=>t.length===1?t[0]:"",[t]),m=React.useMemo(()=>{const v=s.find(e=>e.id===C),B=e=>{a(s.concat(e))},g=e=>{p(e!==!1)},n=e=>{e===void 0&&i([]),typeof e=="string"&&i([e]),Array.isArray(e)&&i(Array.from(new Set(e)))};return{selectedID:C,pointCloudBoxList:s,selectedIDs:t,setPointCloudResult:a,setSelectedIDs:n,addPointCloudBox:B,valid:d,selectedPointCloudBox:v,setPointCloudValid:g,addSelectedID:e=>{t.includes(e)?n(t.filter(L=>L!==e)):n([...t,e])},selectedAllBoxes:()=>{n(s.map(e=>e.id))},topViewInstance:u,setTopViewInstance:x,sideViewInstance:r,setSideViewInstance:V,backViewInstance:f,setBackViewInstance:w,mainViewInstance:S,setMainViewInstance:y,polygonList:c,setPolygonList:P,zoom:l,setZoom:I}},[d,t,s,c,u,r,f,S,l]);return React__default.default.createElement(PointCloudContext.Provider,{value:m},o)};exports.PointCloudContext=PointCloudContext,exports.PointCloudProvider=PointCloudProvider;

package/dist/components/pointCloudView/PointCloudInfos.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("./PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const DECIMAL_PLACES=2,SizeInfoForView=({perspectiveView:e})=>{const{pointCloudBoxList:o,selectedID:n}=React__default.default.useContext(PointCloudContext.PointCloudContext),t=o.find(l=>l.id===n);if(n&&t){const l=e===lbUtils.EPerspectiveView.Back?[{label:"\u5BBD",value:t.width},{label:"\u9AD8",value:t.depth}]:[{label:"\u957F",value:t.height},{label:"\u5BBD",value:t.width}];return React__default.default.createElement(React__default.default.Fragment,null,l.map((a,u)=>React__default.default.createElement("span",{key:u,style:{marginRight:u===0?16:0,fontSize:12}},`${a.label}: ${a.value.toFixed(DECIMAL_PLACES)}`)))}return null},BoxInfos=()=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),{selectedID:o,pointCloudBoxList:n}=e,t=n.find(l=>l.id===o);if(o&&t){const{width:l,depth:a,height:u,rotation:r}=t,d=[{label:"\u957F",value:u.toFixed(DECIMAL_PLACES)},{label:"\u5BBD",value:l.toFixed(DECIMAL_PLACES)},{label:"\u9AD8",value:a.toFixed(DECIMAL_PLACES)},{label:"\u671D\u5411\u89D2",value:lbAnnotation.UnitUtils.rad2deg(r).toFixed(DECIMAL_PLACES)},{label:"\u70B9\u6570",value:1e3}];return React__default.default.createElement("div",{style:{position:"absolute",color:"white",backgroundColor:"rgba(153, 153, 153, 0.3)",right:8,top:8,fontSize:12,padding:8,zIndex:20}},d.map(i=>React__default.default.createElement("div",{key:i.label},`${i.label}: ${i.value}`)))}return null},PointCloudValidity=()=>React__default.default.useContext(PointCloudContext.PointCloudContext).valid===!1?React__default.default.createElement("div",{style:{position:"absolute",backgroundColor:"rgb(242, 101, 73)",color:"white",left:0,top:0,fontSize:20,padding:"8px 16px",zIndex:20}},"\u65E0\u6548"):null;exports.BoxInfos=BoxInfos,exports.PointCloudValidity=PointCloudValidity,exports.SizeInfoForView=SizeInfoForView;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lbUtils=require("@labelbee/lb-utils"),React=require("react"),PointCloudContext=require("./PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation"),useSingleBox=require("./hooks/useSingleBox.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const DECIMAL_PLACES=2,SizeInfoForView=({perspectiveView:e})=>{const{pointCloudBoxList:n,selectedID:a}=React__default.default.useContext(PointCloudContext.PointCloudContext),l=n.find(i=>i.id===a),d=reactI18next.useTranslation(),{t}=d;if(a&&l){const{length:i,width:o,height:r}=lbUtils.PointCloudUtils.transferBox2Kitti(l),c=e===lbUtils.EPerspectiveView.Back?[{label:t("Width"),value:o},{label:t("Height"),value:r}]:[{label:t("Length"),value:i},{label:t("Height"),value:r}];return React__default.default.createElement(React__default.default.Fragment,null,c.map((u,s)=>React__default.default.createElement("span",{key:s,style:{marginRight:s===0?16:0,fontSize:12}},`${u.label}: ${u.value.toFixed(DECIMAL_PLACES)}`)))}return null},BoxInfos=()=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),{selectedBox:n}=useSingleBox.useSingleBox(),[a,l]=React.useState([]),d=reactI18next.useTranslation(),{t,i18n:i}=d;return React.useEffect(()=>{var o;if(!n)return;const{length:r,width:c,height:u,rotation_y:s}=lbUtils.PointCloudUtils.transferBox2Kitti(n.info);let f=[{label:t("Length"),value:r.toFixed(DECIMAL_PLACES)},{label:t("Width"),value:c.toFixed(DECIMAL_PLACES)},{label:t("Height"),value:u.toFixed(DECIMAL_PLACES)},{label:t("Rotation_y"),value:lbAnnotation.UnitUtils.rad2deg(s).toFixed(DECIMAL_PLACES)}];(o=e.mainViewInstance)==null||o.filterPointsByBox(n.info).then(x=>{if(!x){l(f);return}f.push({label:t("PointCount"),value:`${x.num}`}),l(f)})},[n,i.language]),n?React__default.default.createElement("div",{style:{position:"absolute",color:"white",backgroundColor:"rgba(153, 153, 153, 0.3)",right:8,top:8,fontSize:12,padding:8,zIndex:20}},a.map(o=>React__default.default.createElement("div",{key:o.label},`${o.label}: ${o.value}`))):null},PointCloudValidity=()=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),{t:n}=reactI18next.useTranslation();return e.valid===!1?React__default.default.createElement("div",{style:{position:"absolute",backgroundColor:"rgb(242, 101, 73)",color:"white",left:0,top:0,fontSize:20,padding:"8px 16px",zIndex:20}},n("Invalid")):null};exports.BoxInfos=BoxInfos,exports.PointCloudValidity=PointCloudValidity,exports.SizeInfoForView=SizeInfoForView;

package/dist/components/pointCloudView/PointCloudLayout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dom=require("../../utils/dom.js"),classNames=require("classnames"),React=require("react");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React);const PointCloudContainer=({title:e,toolbar:a,children:t,className:r})=>React__default.default.createElement("div",{className:classNames__default.default([r,dom.getClassName("point-cloud-container")])},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","header")},React__default.default.createElement("span",{className:dom.getClassName("point-cloud-container","header-title")},e),a&&React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","header-toolbar")},a)),t);exports.PointCloudContainer=PointCloudContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dom=require("../../utils/dom.js"),classNames=require("classnames"),React=require("react");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var classNames__default=_interopDefaultLegacy(classNames),React__default=_interopDefaultLegacy(React);const PointCloudContainer=({title:e,toolbar:a,children:t,className:r,style:l})=>React__default.default.createElement("div",{className:classNames__default.default([r,dom.getClassName("point-cloud-container")]),style:l},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","header")},React__default.default.createElement("span",{className:dom.getClassName("point-cloud-container","header-title")},e),a&&React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","header-toolbar")},a)),t);exports.PointCloudContainer=PointCloudContainer;

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"),lbUtils=require("@labelbee/lb-utils"),annotation=require("../../hooks/annotation.js"),useStatus=require("./hooks/useStatus.js"),index=require("../../utils/index.js"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(t,e,n)=>e in t?__defProp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,__spreadValues=(t,e)=>{for(var n in e||(e={}))__hasOwnProp.call(e,n)&&__defNormalProp(t,n,e[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(e))__propIsEnum.call(e,n)&&__defNormalProp(t,n,e[n]);return t},__spreadProps=(t,e)=>__defProps(t,__getOwnPropDescs(e));const{EPolygonPattern}=lbAnnotation.cTool,PointCloudListener=({currentData:t})=>{const e=React.useContext(PointCloudContext.PointCloudContext),{changeSelectedBoxValid:n,selectNextBox:b,selectPrevBox:x,updateSelectedBox:v}=useSingleBox.useSingleBox(),{clearAllResult:p}=useStatus.useStatus(),{copySelectedBoxes:f,pasteSelectedBoxes:C,copiedBoxes:w}=useBoxes.useBoxes(),{toolInstanceRef:i}=annotation.useCustomToolInstance(),{updateRotate:c}=useRotate.useRotate({currentData:t}),m=o=>{const{topViewInstance:s,mainViewInstance:l}=e;if(!s)return;const{pointCloud2dOperation:r}=s;switch(o){case"q":{c(2);break}case"e":c(-2);break;case"g":c(180);break;case"u":{const a=r.pattern===EPolygonPattern.Normal?EPolygonPattern.Rect:EPolygonPattern.Normal;r.setPattern(a);const d={[EPolygonPattern.Normal]:"Normal Pattern",[EPolygonPattern.Rect]:"Rect Pattern"};antd.message.success(`Change Pattern to ${d[a]} successfully`),r.clearActiveStatus(),r.clearDrawingStatus()}break;case"+":l==null||l.updatePointSize(!0);break;case"-":l==null||l.updatePointSize(!1);break;case"v":e.setPointCloudValid(!e.valid);break;case"z":b();break;case"c":x();break;case"f":n();break;default:return}},y=o=>{switch(o){case"c":f();break;case"v":C();break;case"a":e.selectedAllBoxes();break}},P=o=>{const s=o.key.toLocaleLowerCase();if(o.ctrlKey){y(s);return}m(s)};return React.useEffect(()=>{const{topViewInstance:o}=e;if(!!o)return window.addEventListener("keydown",P),()=>{window.removeEventListener("keydown",P)}},[e,w]),React.useEffect(()=>{var o,s,l,r;const a=e.mainViewInstance;if((t==null?void 0:t.url)&&a){if(a.loadPCDFile(t.url),e.pointCloudBoxList.forEach(u=>{a==null||a.removeObjectByName(u.id)}),t.result){const u=lbUtils.PointCloudUtils.getBoxParamsFromResultList(t.result),g=lbUtils.PointCloudUtils.getPolygonListFromResultList(t.result);u.forEach(_=>{a==null||a.generateBox(_)}),e.setPointCloudResult(u),e.setPolygonList(g)}else e.setPointCloudResult([]),e.setPolygonList([]);a.updateTopCamera();const d=(s=(o=index.jsonParser(t.result))==null?void 0:o.valid)!=null?s:!0;e.setPointCloudValid(d),(l=e.sideViewInstance)==null||l.clearAllData(),(r=e.backViewInstance)==null||r.clearAllData()}},[t,e.mainViewInstance]),React.useEffect(()=>{i.current.exportData=()=>[e.pointCloudBoxList,{valid:e.valid}],i.current.exportCustomData=()=>{var o;return{renderPolygon:(o=e.polygonList)!=null?o:[]}},i.current.setDefaultAttribute=o=>{const s=e.selectedPointCloudBox;s&&(s.attribute=o,v(s))},i.current.setSubAttribute=(o,s)=>{var l;const r=e.selectedPointCloudBox;if(r){const a=(l=r==null?void 0:r.subAttribute)!=null?l:{};r.subAttribute=__spreadProps(__spreadValues({},a),{[o]:s}),v(r)}},i.current.clearResult=()=>{p==null||p()}},[e.pointCloudBoxList,e.selectedID,e.valid,e.polygonList]),React.useEffect(()=>{i.current.setValid=()=>{e.setPointCloudValid(!e.valid)}},[e.valid]),null};var PointCloudListener$1=reactRedux.connect(map.aMapStateToProps)(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"),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(o,e,r)=>e in o?__defProp(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,__spreadValues=(o,e)=>{for(var r in e||(e={}))__hasOwnProp.call(e,r)&&__defNormalProp(o,r,e[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(e))__propIsEnum.call(e,r)&&__defNormalProp(o,r,e[r]);return o},__spreadProps=(o,e)=>__defProps(o,__getOwnPropDescs(e));const{EPolygonPattern}=lbAnnotation.cTool,PointCloudListener=({currentData:o})=>{const e=React.useContext(PointCloudContext.PointCloudContext),{changeSelectedBoxValid:r,selectNextBox:x,selectPrevBox:b,updateSelectedBox:c}=useSingleBox.useSingleBox(),{clearAllResult:d}=useStatus.useStatus(),f=index.jsonParser(o.result),{copySelectedBoxes:w,pasteSelectedBoxes:C,copiedBoxes:y}=useBoxes.useBoxes(),{toolInstanceRef:a}=annotation.useCustomToolInstance({basicInfo:f}),{updateRotate:l}=useRotate.useRotate({currentData:o}),{updatePointCloudData:p}=usePointCloudViews.usePointCloudViews(),k=(t,s)=>{const{topViewInstance:i,mainViewInstance:n}=e;if(!i)return;const{pointCloud2dOperation:u}=i;switch(t){case"q":{l(2);break}case"e":l(-2);break;case"g":l(180);break;case"u":{const P=u.pattern===EPolygonPattern.Normal?EPolygonPattern.Rect:EPolygonPattern.Normal;u.setPattern(P);const _={[EPolygonPattern.Normal]:"Normal Pattern",[EPolygonPattern.Rect]:"Rect Pattern"};antd.message.success(`Change Pattern to ${_[P]} successfully`),u.clearActiveStatus(),u.clearDrawingStatus()}break;case"+":n==null||n.updatePointSize(!0);break;case"-":n==null||n.updatePointSize(!1);break;case"v":e.setPointCloudValid(!e.valid);break;case"tab":if(s.shiftKey){b();break}x();break;case"f":r();break;default:return}},B=t=>{switch(t){case"c":w();break;case"v":C();break;case"a":e.selectedAllBoxes();break}},v=t=>{const s=t.key.toLocaleLowerCase();if(t.ctrlKey){B(s);return}k(s,t)};return React.useEffect(()=>{const{topViewInstance:t}=e;if(!!t)return window.addEventListener("keydown",v),()=>{window.removeEventListener("keydown",v)}},[e,y]),React.useEffect(()=>{p==null||p()},[o,e.mainViewInstance]),React.useEffect(()=>{a.current.exportData=()=>[e.pointCloudBoxList,{valid:e.valid}],a.current.exportCustomData=()=>{var t;return{renderPolygon:(t=e.polygonList)!=null?t:[]}},a.current.setDefaultAttribute=t=>{const s=e.selectedPointCloudBox;s&&(s.attribute=t,c(s))},a.current.setSubAttribute=(t,s)=>{var i;const n=e.selectedPointCloudBox;if(n){const u=(i=n==null?void 0:n.subAttribute)!=null?i:{};n.subAttribute=__spreadProps(__spreadValues({},u),{[t]:s}),c(n)}},a.current.clearResult=()=>{d==null||d()}},[e.pointCloudBoxList,e.selectedID,e.valid,e.polygonList]),React.useEffect(()=>{a.current.setValid=t=>{a.current.valid=t,setTimeout(()=>{e.setPointCloudValid(t)})}},[]),null};var PointCloudListener$1=reactRedux.connect(map.aMapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudListener);module.exports=PointCloudListener$1;

package/dist/components/pointCloudView/PointCloudSideView.js

@@ -1 +1 @@
-"use strict";var lbAnnotation=require("@labelbee/lb-annotation"),dom=require("../../utils/dom.js"),PointCloudLayout=require("./PointCloudLayout.js"),React=require("react"),lbUtils=require("@labelbee/lb-utils"),PointCloudContext=require("./PointCloudContext.js"),PointCloudInfos=require("./PointCloudInfos.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),useSingleBox=require("./hooks/useSingleBox.js");function _interopDefaultLegacy(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(o,e,t)=>e in o?__defProp(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,__spreadValues=(o,e)=>{for(var t in e||(e={}))__hasOwnProp.call(e,t)&&__defNormalProp(o,t,e[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(e))__propIsEnum.call(e,t)&&__defNormalProp(o,t,e[t]);return o};const TransferCanvas2WorldOffset=(o,e,t=1)=>{const{width:l,height:r}=e,a={x:o.x+l*t/2,y:o.y+r*t/2},n={x:e.width/2,y:e.height/2};return{offsetX:(n.x-a.x)/t,offsetY:-(n.y-a.y)/t}},updateSideViewByCanvas2D=(o,e,t,l,r)=>{const{offsetX:a,offsetY:n}=TransferCanvas2WorldOffset(o,t,e);if(r.camera.zoom=e,o){const i=Math.cos(l.rotation),c=Math.sin(l.rotation),s=a*i,u=a*c,{x:d,y:f,z:p}=r.initCameraPosition;r.camera.position.set(d-s,f-u,p+n)}r.camera.updateProjectionMatrix(),r.render()},PointCloudSideView=({currentData:o})=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),[t,l]=React.useState(null),{sideViewUpdateBox:r}=usePointCloudViews.usePointCloudViews(),{selectedBox:a}=useSingleBox.useSingleBox(),n=React.useRef(null);return React.useEffect(()=>{if(n.current){const i={width:n.current.clientWidth,height:n.current.clientHeight},c=new lbAnnotation.PointCloudAnnotation({container:n.current,size:i,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0}});e.setSideViewInstance(c),l(i)}},[]),React.useEffect(()=>{if(!t||!e.sideViewInstance)return;const{pointCloud2dOperation:i,pointCloudInstance:c}=e.sideViewInstance;i.singleOn("renderZoom",(s,u)=>{!e.selectedPointCloudBox||updateSideViewByCanvas2D(u,s,t,e.selectedPointCloudBox,c)}),i.singleOn("dragMove",({currentPos:s,zoom:u})=>{!e.selectedPointCloudBox||updateSideViewByCanvas2D(s,u,t,e.selectedPointCloudBox,c)}),i.singleOn("updatePolygonByDrag",({newPolygon:s,originPolygon:u})=>{r(s,u)})},[e,t]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","side-view"),title:"\u4FA7\u89C6\u56FE",toolbar:React__default.default.createElement(PointCloudInfos.SizeInfoForView,{perspectiveView:lbUtils.EPerspectiveView.Left})},React__default.default.createElement("div",{style:{width:"100%",height:300,position:"relative"},ref:n}),!a&&React__default.default.createElement("div",{style:__spreadValues({},t),className:dom.getClassName("point-cloud-container","empty-page")},"\u6682\u65E0\u6570\u636E"))};var PointCloudSideView$1=reactRedux.connect(map.aMapStateToProps)(PointCloudSideView);module.exports=PointCloudSideView$1;
+"use strict";var lbAnnotation=require("@labelbee/lb-annotation"),dom=require("../../utils/dom.js"),PointCloudLayout=require("./PointCloudLayout.js"),React=require("react"),lbUtils=require("@labelbee/lb-utils"),PointCloudContext=require("./PointCloudContext.js"),PointCloudInfos=require("./PointCloudInfos.js"),reactRedux=require("react-redux"),map=require("../../store/annotation/map.js"),usePointCloudViews=require("./hooks/usePointCloudViews.js"),useSingleBox=require("./hooks/useSingleBox.js"),index=require("./components/EmptyPage/index.js"),useSize=require("../../hooks/useSize.js"),reactI18next=require("react-i18next"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var React__default=_interopDefaultLegacy(React);const TransferCanvas2WorldOffset=(n,e,r=1)=>{const{width:u,height:t}=e,o={x:n.x+u*r/2,y:n.y+t*r/2},l={x:e.width/2,y:e.height/2};return{offsetX:(l.x-o.x)/r,offsetY:-(l.y-o.y)/r}},updateSideViewByCanvas2D=(n,e,r,u,t)=>{const{offsetX:o,offsetY:l}=TransferCanvas2WorldOffset(n,r,e);if(t.camera.zoom=e,n){const i=Math.cos(u.rotation),c=Math.sin(u.rotation),a=o*i,s=o*c,{x:d,y:f,z:x}=t.initCameraPosition;t.camera.position.set(d-a,f-s,x+l)}t.camera.updateProjectionMatrix(),t.render()},PointCloudSideView=({currentData:n})=>{const e=React__default.default.useContext(PointCloudContext.PointCloudContext),{sideViewUpdateBox:r}=usePointCloudViews.usePointCloudViews(),{selectedBox:u}=useSingleBox.useSingleBox(),t=React.useRef(null),o=useSize(t),{t:l}=reactI18next.useTranslation();return React.useEffect(()=>{if(t.current){const i={width:t.current.clientWidth,height:t.current.clientHeight},c=new lbAnnotation.PointCloudAnnotation({container:t.current,size:i,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0}});e.setSideViewInstance(c)}},[]),React.useEffect(()=>{if(!o||!e.sideViewInstance)return;const{pointCloud2dOperation:i,pointCloudInstance:c}=e.sideViewInstance;i.singleOn("renderZoom",(a,s)=>{!e.selectedPointCloudBox||updateSideViewByCanvas2D(s,a,o,e.selectedPointCloudBox,c)}),i.singleOn("dragMove",({currentPos:a,zoom:s})=>{!e.selectedPointCloudBox||updateSideViewByCanvas2D(a,s,o,e.selectedPointCloudBox,c)}),i.singleOn("updatePolygonByDrag",({newPolygon:a,originPolygon:s})=>{r(a,s)})},[e,o]),React.useEffect(()=>{var i;(i=e==null?void 0:e.sideViewInstance)==null||i.initSize(o)},[o]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","side-view"),title:l("SideView"),toolbar:React__default.default.createElement(PointCloudInfos.SizeInfoForView,{perspectiveView:lbUtils.EPerspectiveView.Left})},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","bottom-view-content")},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","core-instance"),ref:t}),!u&&React__default.default.createElement(index,null)))};var PointCloudSideView$1=reactRedux.connect(map.aMapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudSideView);module.exports=PointCloudSideView$1;

package/dist/components/pointCloudView/PointCloudTopView.js

@@ -1 +1 @@
-"use strict";var dom=require("../../utils/dom.js"),index=require("../../views/MainView/toolFooter/index.js"),index$1=require("../../views/MainView/toolFooter/ZoomController/index.js"),icons=require("@ant-design/icons"),lbAnnotation=require("@labelbee/lb-annotation"),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"),antd=require("antd"),map=require("../../store/annotation/map.js"),reactRedux=require("react-redux"),usePointCloudViews=require("./hooks/usePointCloudViews.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EPolygonPattern}=lbAnnotation.cTool,TransferCanvas2WorldOffset=(e,n,t=1)=>{const{width:s,height:a}=n,r={x:e.x+s*t/2,y:e.y+a*t/2},u={x:n.width/2,y:n.height/2};return{offsetX:(u.x-r.x)/t,offsetY:-(u.y-r.y)/t}},TopViewToolbar=({currentData:e})=>{const{selectNextBox:n,selectPrevBox:t}=useSingleBox.useSingleBox(),{updateRotate:s}=useRotate.useRotate({currentData:e}),a=2,r=()=>{s(-a)},u=()=>{s(a)},d=()=>{s(180)};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("span",{onClick:u,className:dom.getClassName("point-cloud","rotate-reserve")}),React__default.default.createElement("span",{onClick:r,className:dom.getClassName("point-cloud","rotate")}),React__default.default.createElement("span",{onClick:d,className:dom.getClassName("point-cloud","rotate-180")}),React__default.default.createElement(index.FooterDivider,null),React__default.default.createElement(icons.UpSquareOutlined,{onClick:()=>{t()},className:dom.getClassName("point-cloud","prev")}),React__default.default.createElement(icons.DownSquareOutlined,{onClick:()=>{n()},className:dom.getClassName("point-cloud","next")}),React__default.default.createElement(index.FooterDivider,null),React__default.default.createElement(index$1.ZoomController,null))},ZAxisSlider=({setZAxisLimit:e,zAxisLimit:n})=>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:n,onAfterChange:t=>{e(t)}})),PointCloudTopView=({currentData:e})=>{const n=React.useRef(null),t=React__default.default.useContext(PointCloudContext.PointCloudContext),s=React.useRef(),{addPolygon:a,deletePolygon:r}=usePolygon.usePolygon(),{deletePointCloudBox:u}=useSingleBox.useSingleBox(),[d,y]=React.useState(null),[C,h]=React.useState(10),c=usePointCloudViews.usePointCloudViews();return React.useEffect(()=>{if(n.current&&(e==null?void 0:e.url)&&(e==null?void 0:e.result)){const i={width:n.current.clientWidth,height:n.current.clientHeight};if(t.topViewInstance){t.topViewInstance.updateData(e.url,e.result);return}const o=new lbAnnotation.PointCloudAnnotation({container:n.current,size:i,pcdPath:e.url});o.addPolygonListOnTopView(e.result),t.setTopViewInstance(o);const l=o.pointCloudInstance,P=o.pointCloud2dOperation;s.current=l,P.singleOn("renderZoom",(p,f)=>{const{offsetX:m,offsetY:g}=TransferCanvas2WorldOffset(f,i,p);if(l.camera.zoom=p,f){const{x:v,y:x,z:w}=l.initCameraPosition;l.camera.position.set(v+g,x-m,w)}l.camera.updateProjectionMatrix(),l.render()}),P.singleOn("dragMove",({currentPos:p,zoom:f})=>{const{offsetX:m,offsetY:g}=TransferCanvas2WorldOffset(p,i,f);l.camera.zoom=f;const{x:v,y:x,z:w}=l.initCameraPosition;l.camera.position.set(v+g,x-m,w),l.render()}),y(i)}},[e]),React.useEffect(()=>{if(!d||!t.topViewInstance||!t.sideViewInstance)return;const{pointCloud2dOperation:i}=t.topViewInstance;i.singleOn("polygonCreated",o=>{if(i.pattern===EPolygonPattern.Normal||!(e==null?void 0:e.url)){a(o);return}c.topViewAddBox(o,d)}),i.singleOn("deletedObject",({id:o})=>{u(o),r(o)}),i.singleOn("deleteSelectedIDs",()=>{t.setSelectedIDs([])}),i.singleOn("addSelectedIDs",o=>{t.addSelectedID(o)}),i.singleOn("setSelectedIDs",o=>{t.setSelectedIDs(o)}),i.singleOn("updatePolygonByDrag",({newPolygon:o})=>{var l;(l=c.topViewUpdateBox)==null||l.call(c,o,d)})},[t,d,e,c]),React.useEffect(()=>{s.current&&s.current.applyZAxisPoints(C)},[C]),React.useEffect(()=>{c.topViewSelectedChanged()},[t.selectedIDs]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","top-view"),title:"\u4FEF\u89C6\u56FE",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:n}),React__default.default.createElement(PointCloudInfos.BoxInfos,null),React__default.default.createElement(ZAxisSlider,{zAxisLimit:C,setZAxisLimit:h}),React__default.default.createElement(PointCloudInfos.PointCloudValidity,null)))};var PointCloudTopView$1=reactRedux.connect(map.aMapStateToProps)(PointCloudTopView);module.exports=PointCloudTopView$1;
+"use strict";var dom=require("../../utils/dom.js"),index=require("../../views/MainView/toolFooter/index.js"),index$1=require("../../views/MainView/toolFooter/ZoomController/index.js"),icons=require("@ant-design/icons"),lbAnnotation=require("@labelbee/lb-annotation"),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");function _interopDefaultLegacy(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var React__default=_interopDefaultLegacy(React);const{EPolygonPattern}=lbAnnotation.cTool,TransferCanvas2WorldOffset=(o,i,e=1)=>{const{width:l,height:d}=i,r={x:o.x+l*e/2,y:o.y+d*e/2},u={x:i.width/2,y:i.height/2};return{offsetX:(u.x-r.x)/e,offsetY:-(u.y-r.y)/e}},TopViewToolbar=({currentData:o})=>{const{zoom:i,zoomIn:e,zoomOut:l,initialPosition:d}=useZoom.useZoom(),{selectNextBox:r,selectPrevBox:u}=useSingleBox.useSingleBox(),{updateRotate:c}=useRotate.useRotate({currentData:o}),m=2,p=()=>{c(-m)},C=()=>{c(m)},v=()=>{c(180)};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("span",{onClick:C,className:dom.getClassName("point-cloud","rotate-reserve")}),React__default.default.createElement("span",{onClick:p,className:dom.getClassName("point-cloud","rotate")}),React__default.default.createElement("span",{onClick:v,className:dom.getClassName("point-cloud","rotate-180")}),React__default.default.createElement(index.FooterDivider,null),React__default.default.createElement(icons.UpSquareOutlined,{onClick:()=>{u()},className:dom.getClassName("point-cloud","prev")}),React__default.default.createElement(icons.DownSquareOutlined,{onClick:()=>{r()},className:dom.getClassName("point-cloud","next")}),React__default.default.createElement(index.FooterDivider,null),React__default.default.createElement(index$1.ZoomController,{initialPosition:d,zoomIn:e,zoomOut:l,zoom:i}))},ZAxisSlider=({setZAxisLimit:o,zAxisLimit:i})=>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:i,onAfterChange:e=>{o(e)}})),PointCloudTopView=({currentData:o})=>{const i=React.useRef(null),e=React__default.default.useContext(PointCloudContext.PointCloudContext),l=useSize(i),{setZoom:d}=useZoom.useZoom(),{addPolygon:r,deletePolygon:u}=usePolygon.usePolygon(),{deletePointCloudBox:c,changeBoxValidByID:m}=useSingleBox.useSingleBox(),[p,C]=React.useState(10),{t:v}=reactI18next.useTranslation(),f=usePointCloudViews.usePointCloudViews();return React.useLayoutEffect(()=>{if(!e.topViewInstance&&i.current&&(o==null?void 0:o.url)&&(o==null?void 0:o.result)){const t={width:i.current.clientWidth,height:i.current.clientHeight},a=new lbAnnotation.PointCloudAnnotation({container:i.current,size:t,pcdPath:o.url});e.setTopViewInstance(a)}},[o]),React.useEffect(()=>{if(!l||!e.topViewInstance||!e.sideViewInstance)return;const{pointCloud2dOperation:t}=e.topViewInstance;t.singleOn("polygonCreated",n=>{if(t.pattern===EPolygonPattern.Normal||!(o==null?void 0:o.url)){r(n);return}f.topViewAddBox(n,l)}),t.singleOn("deletedObject",({id:n})=>{c(n),u(n)}),t.singleOn("deleteSelectedIDs",()=>{e.setSelectedIDs([])}),t.singleOn("addSelectedIDs",n=>{e.addSelectedID(n)}),t.singleOn("setSelectedIDs",n=>{e.setSelectedIDs(n)}),t.singleOn("updatePolygonByDrag",({newPolygon:n})=>{var s;(s=f.topViewUpdateBox)==null||s.call(f,n,l)});const a=n=>{m(n)};return t.on("validUpdate",a),()=>{t.unbind("validUpdate",a)}},[e,l,o,f]),React.useEffect(()=>{if(!(l==null?void 0:l.width)||!e.topViewInstance)return;e.topViewInstance.initSize(l),e.topViewInstance.updatePolygonList(e.pointCloudBoxList);const{topViewInstance:{pointCloudInstance:t,pointCloud2dOperation:a}}=e;a.singleOn("renderZoom",(n,s)=>{const{offsetX:x,offsetY:g}=TransferCanvas2WorldOffset(s,l,n);if(t.camera.zoom=n,s){const{x:w,y:P,z:h}=t.initCameraPosition;t.camera.position.set(w+g,P-x,h)}t.camera.updateProjectionMatrix(),t.render(),d(n)}),a.singleOn("dragMove",({currentPos:n,zoom:s})=>{const{offsetX:x,offsetY:g}=TransferCanvas2WorldOffset(n,l,s);t.camera.zoom=s;const{x:w,y:P,z:h}=t.initCameraPosition;t.camera.position.set(w+g,P-x,h),t.render()})},[l,e.topViewInstance]),React.useEffect(()=>{var t,a;(a=(t=e.topViewInstance)==null?void 0:t.pointCloudInstance)==null||a.applyZAxisPoints(p)},[p]),React.useEffect(()=>{f.topViewSelectedChanged()},[e.selectedIDs]),React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:dom.getClassName("point-cloud-container","top-view"),title:v("TopView"),toolbar:React__default.default.createElement(TopViewToolbar,{currentData:o})},React__default.default.createElement("div",{style:{position:"relative",flex:1}},React__default.default.createElement("div",{style:{width:"100%",height:"100%"},ref:i}),React__default.default.createElement(PointCloudInfos.BoxInfos,null),React__default.default.createElement(ZAxisSlider,{zAxisLimit:p,setZAxisLimit:C}),React__default.default.createElement(PointCloudInfos.PointCloudValidity,null)))};var PointCloudTopView$1=reactRedux.connect(map.aMapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudTopView);module.exports=PointCloudTopView$1;

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

@@ -0,0 +1 @@
+"use strict";var React=require("react"),nodata=require("../../../../assets/annotation/pointCloudTool/nodata.svg.js"),dom=require("../../../../utils/dom.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const EmptyPage=()=>React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","empty-page")},React__default.default.createElement("img",{src:nodata}),React__default.default.createElement("span",{className:dom.getClassName("point-cloud-container","empty-page","text")},"\u6682\u65E0\u6570\u636E"));module.exports=EmptyPage;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),_=require("lodash"),antd=require("antd"),usePointCloudViews=require("./usePointCloudViews.js"),PointCloudContext=require("../PointCloudContext.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_);const useBoxes=()=>{const{selectedIDs:e,pointCloudBoxList:t,setPointCloudResult:i}=React.useContext(PointCloudContext.PointCloudContext),[u,s]=React.useState([]),{pointCloudBoxListUpdated:n}=usePointCloudViews.usePointCloudViews(),l=o=>t.some(c=>o.some(C=>C.id===c.id)),r=React.useMemo(()=>t.filter(o=>e.includes(o.id)),[e,t]),a=React.useCallback(()=>{r.length>0?s(___default.default.cloneDeep(r)):(s([]),antd.message.error("\u590D\u5236\u5185\u5BB9\u4E3A\u7A7A\uFF0C\u8BF7\u9009\u62E9\u5BF9\u5E94\u7684\u70B9\u4E91\u6570\u636E"))},[e,t]),d=React.useCallback(()=>{if(u.length===0){antd.message.error("\u9009\u8005\u5BF9\u5E94\u7684\u70B9\u4E91\u6570\u636E\u5E76\u8FDB\u884C\u590D\u5236");return}l(u)?antd.message.error("\u5B58\u5728\u91CD\u590DID,\u590D\u5236\u5931\u8D25"):(i(u),n==null||n(u),s([]))},[u,t]);return{copySelectedBoxes:a,pasteSelectedBoxes:d,copiedBoxes:u,selectedBoxes:r}};exports.useBoxes=useBoxes;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),_=require("lodash"),antd=require("antd"),usePointCloudViews=require("./usePointCloudViews.js"),PointCloudContext=require("../PointCloudContext.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_);const useBoxes=()=>{const{selectedIDs:e,pointCloudBoxList:t,setPointCloudResult:a}=React.useContext(PointCloudContext.PointCloudContext),[o,n]=React.useState([]),{pointCloudBoxListUpdated:r}=usePointCloudViews.usePointCloudViews(),{t:l,i18n:i}=reactI18next.useTranslation(),u=React.useMemo(()=>t.filter(s=>e.includes(s.id)),[e,t]),d=React.useCallback(()=>{u.length>0?n(___default.default.cloneDeep(u)):(n([]),antd.message.error(l("CopyEmptyInPointCloud")))},[e,t,i.language]),c=React.useCallback(()=>{if(o.length===0){antd.message.error(l("PasteEmptyInPointCloud"));return}{const s=[...t,...o];a(s),r==null||r(s),n([])}},[o,t,i.language]);return{copySelectedBoxes:d,pasteSelectedBoxes:c,copiedBoxes:o,selectedBoxes:u}};exports.useBoxes=useBoxes;

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

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

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");const{ERotateDirection}=lbAnnotation.cAnnotation,useRotate=({currentData:o})=>{const e=React.useContext(PointCloudContext.PointCloudContext),{selectedBox:i,updateSelectedBox:a}=useSingleBox.useSingleBox();return{updateRotate:React.useCallback(s=>{const{topViewInstance:l,mainViewInstance:n}=e;if(!l||!n)return;const{pointCloud2dOperation:u}=l,t=i==null?void 0:i.info;if(!t||!(o==null?void 0:o.url)||!e.backViewInstance)return;a({rotation:t.rotation+Number(Math.PI*s)/180}),u.rotatePolygon(s,ERotateDirection.Anticlockwise);const r=u.selectedPolygon;n.generateBox(t),n.hightLightOriginPointCloud(t),usePointCloudViews.synchronizeSideView(t,r,e.sideViewInstance,o.url),usePointCloudViews.synchronizeBackView(t,r,e.backViewInstance,o.url),n.render()},[e.selectedID,e.pointCloudBoxList,e.setPointCloudResult,e.topViewInstance,o])}};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");const{ERotateDirection}=lbAnnotation.cAnnotation,useRotate=({currentData:o})=>{const e=React.useContext(PointCloudContext.PointCloudContext),{selectedBox:i,updateSelectedBox:a}=useSingleBox.useSingleBox();return{updateRotate:React.useCallback(l=>{const{topViewInstance:s,mainViewInstance:n}=e;if(!s||!n)return;const{pointCloud2dOperation:r}=s,t=i==null?void 0:i.info;if(!t||!(o==null?void 0:o.url)||!e.backViewInstance)return;a({rotation:lbUtils.PointCloudUtils.restrictAngleRange(t.rotation+Number(Math.PI*l)/180)}),r.rotatePolygon(l,ERotateDirection.Anticlockwise);const u=r.selectedPolygon;n.generateBox(t),n.highlightOriginPointCloud(t),usePointCloudViews.synchronizeSideView(t,u,e.sideViewInstance,o.url),usePointCloudViews.synchronizeBackView(t,u,e.backViewInstance,o.url),n.render()},[e.selectedID,e.pointCloudBoxList,e.setPointCloudResult,e.topViewInstance,o])}};exports.useRotate=useRotate;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),_=require("lodash"),PointCloudContext=require("../PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_);const{ESortDirection}=lbAnnotation.cAnnotation,useSingleBox=()=>{const{pointCloudBoxList:e,setPointCloudResult:c,topViewInstance:s,selectedIDs:r,selectedID:l,mainViewInstance:i,setSelectedIDs:a}=React.useContext(PointCloudContext.PointCloudContext),o=React.useMemo(()=>{const t=e.findIndex(n=>n.id===l);if(t>-1)return{info:e[t],index:t}},[l,e]),d=React.useCallback(t=>{(o==null?void 0:o.info)&&(e.splice(o.index,1,___default.default.merge(o.info,t)),c(___default.default.cloneDeep(e)))},[l,e]),x=React.useCallback(()=>{(o==null?void 0:o.info)&&d({valid:!o.info.valid})},[l]),u=React.useCallback((t=ESortDirection.ascend)=>{if(!s||r.length>1)return;const{pointCloud2dOperation:n}=s,f=n.switchToNextPolygon(t);a(f)},[s]);return{selectedBox:o,updateSelectedBox:d,changeSelectedBoxValid:x,selectNextBox:u,selectPrevBox:()=>{u(ESortDirection.descend)},deletePointCloudBox:t=>{c(e.filter(n=>n.id!==t)),i==null||i.removeObjectByName(t),i==null||i.render()}}};exports.useSingleBox=useSingleBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),_=require("lodash"),PointCloudContext=require("../PointCloudContext.js"),lbAnnotation=require("@labelbee/lb-annotation");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_);const{ESortDirection}=lbAnnotation.cAnnotation,useSingleBox=()=>{const{pointCloudBoxList:e,setPointCloudResult:a,topViewInstance:i,backViewInstance:c,sideViewInstance:u,selectedIDs:C,selectedID:r,mainViewInstance:d,setSelectedIDs:v}=React.useContext(PointCloudContext.PointCloudContext),l=React.useMemo(()=>{const t=e.findIndex(o=>o.id===r);if(t>-1)return{info:e[t],index:t}},[r,e]),f=React.useCallback(t=>{(l==null?void 0:l.info)&&(e.splice(l.index,1,___default.default.merge(l.info,t)),a(___default.default.cloneDeep(e)))},[r,e]),b=React.useCallback((t,o)=>{const n=e.findIndex(x=>x.id===o);n>-1&&(e.splice(n,1,___default.default.merge(e[n],t)),a(___default.default.cloneDeep(e)))},[e]),s=React.useCallback(t=>{i==null||i.pointCloud2dOperation.setPolygonValidAndRender(t,!0),u==null||u.pointCloud2dOperation.setPolygonValidAndRender(t,!0),c==null||c.pointCloud2dOperation.setPolygonValidAndRender(t,!0)},[i,u,c]),B=React.useCallback(()=>{if(l==null?void 0:l.info){const{id:t,valid:o=!0}=l.info;f({valid:!o}),s(t)}},[s,l]),I=React.useCallback(t=>{const o=e.find(n=>n.id===t);if(o){const{id:n,valid:x=!0}=o;b({valid:!x},n),s(n)}},[s,e]),p=React.useCallback((t=ESortDirection.ascend)=>{if(!i||C.length>1)return;const{pointCloud2dOperation:o}=i,n=o.switchToNextPolygon(t);n&&v(n)},[i]);return{selectedBox:l,updateSelectedBox:f,changeSelectedBoxValid:B,changeBoxValidByID:I,selectNextBox:p,selectPrevBox:()=>{p(ESortDirection.descend)},deletePointCloudBox:t=>{a(e.filter(o=>o.id!==t)),d==null||d.removeObjectByName(t),d==null||d.render()}}};exports.useSingleBox=useSingleBox;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PointCloudContext=require("../PointCloudContext.js");const useZoom=()=>{const{topViewInstance:o}=React.useContext(PointCloudContext.PointCloudContext),{zoom:t,setZoom:e}=React.useContext(PointCloudContext.PointCloudContext);return{zoom:t,setZoom:e,initialPosition:()=>{o==null||o.pointCloud2dOperation.initImgPos()},zoomOut:()=>{o==null||o.pointCloud2dOperation.zoomChanged(!1)},zoomIn:()=>{o==null||o.pointCloud2dOperation.zoomChanged(!0)}}};exports.useZoom=useZoom;

package/dist/components/pointCloudView/index.js

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

package/dist/components/videoAnnotate/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),reactRedux=require("react-redux"),Actions=require("../../store/Actions.js"),actionCreators=require("../../store/annotation/actionCreators.js"),TagToolInstanceAdaptor=require("../videoPlayer/TagToolInstanceAdaptor.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const VideoAnnotate=e=>{const{imgList:o,imgIndex:r,stepList:n,step:c}=e.annotation,t=reactRedux.useDispatch(),s=a=>{t({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:a}})},i=()=>{t({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:void 0}})};return React__default.default.createElement(TagToolInstanceAdaptor.TagToolInstanceAdaptor,{imgIndex:r,imgList:o,pageBackward:()=>t(actionCreators.PageBackward()),pageForward:()=>t(actionCreators.PageForward()),pageJump:a=>t(actionCreators.PageJump(~~a)),onMounted:s,onUnmounted:i,stepList:n,step:c})};var VideoAnnotate$1=reactRedux.connect(({annotation:e})=>({annotation:e}))(VideoAnnotate);module.exports=VideoAnnotate$1;
+"use strict";var React=require("react"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),Actions=require("../../store/Actions.js"),actionCreators=require("../../store/annotation/actionCreators.js"),TagToolInstanceAdaptor=require("../videoPlayer/TagToolInstanceAdaptor.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const VideoAnnotate=e=>{const{imgList:o,imgIndex:r,stepList:n,step:c}=e.annotation,t=ctx.useDispatch(),s=a=>{t({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:a}})},i=()=>{t({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:void 0}})};return React__default.default.createElement(TagToolInstanceAdaptor.TagToolInstanceAdaptor,{imgIndex:r,imgList:o,pageBackward:()=>t(actionCreators.PageBackward()),pageForward:()=>t(actionCreators.PageForward()),pageJump:a=>t(actionCreators.PageJump(~~a)),onMounted:s,onUnmounted:i,stepList:n,step:c})};var VideoAnnotate$1=reactRedux.connect(({annotation:e})=>({annotation:e}),null,null,{context:ctx.LabelBeeContext})(VideoAnnotate);module.exports=VideoAnnotate$1;

package/dist/data/enums/ToolType.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ETextType=void 0,function(t){t[t.AnyString=0]="AnyString",t[t.Order=1]="Order",t[t.EnglishOnly=2]="EnglishOnly",t[t.NumberOnly=3]="NumberOnly",t[t.CustomFormat=4]="CustomFormat"}(exports.ETextType||(exports.ETextType={}));const TEXT_ATTRIBUTE_MAX_LENGTH=1e3;exports.EToolName=void 0,function(t){t.Rect="rectTool",t.Tag="tagTool",t.Point="pointTool",t.PointMarker="pointMarkerTool",t.Segmentation="segmentationTool",t.Filter="filterTool",t.Text="textTool",t.Polygon="polygonTool",t.Line="lineTool",t.LineMarker="lineMarkerTool",t.Empty="emptyTool",t.FolderTag="folderTagTool",t.RectTrack="rectTrackTool",t.Face="faceTool",t.ClientAttribute="clientAttributeTool",t.OCRRelation="OCRRelationTool",t.SegmentByRect="segmentByRectTool"}(exports.EToolName||(exports.EToolName={})),exports.TEXT_ATTRIBUTE_MAX_LENGTH=TEXT_ATTRIBUTE_MAX_LENGTH;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EScribblePattern=void 0,function(t){t[t.Scribble=1]="Scribble",t[t.Erase=2]="Erase"}(exports.EScribblePattern||(exports.EScribblePattern={})),exports.EToolName=void 0,function(t){t.Rect="rectTool",t.Tag="tagTool",t.Point="pointTool",t.PointMarker="pointMarkerTool",t.Segmentation="segmentationTool",t.Filter="filterTool",t.Text="textTool",t.Polygon="polygonTool",t.Line="lineTool",t.LineMarker="lineMarkerTool",t.Empty="emptyTool",t.FolderTag="folderTagTool",t.RectTrack="rectTrackTool",t.ScribbleTool="scribbleTool",t.Face="faceTool",t.ClientAttribute="clientAttributeTool",t.OCRRelation="OCRRelationTool",t.SegmentByRect="segmentByRectTool"}(exports.EToolName||(exports.EToolName={})),exports.ETextType=void 0,function(t){t[t.AnyString=0]="AnyString",t[t.Order=1]="Order",t[t.EnglishOnly=2]="EnglishOnly",t[t.NumberOnly=3]="NumberOnly",t[t.CustomFormat=4]="CustomFormat"}(exports.ETextType||(exports.ETextType={}));const TEXT_ATTRIBUTE_MAX_LENGTH=1e3;exports.TEXT_ATTRIBUTE_MAX_LENGTH=TEXT_ATTRIBUTE_MAX_LENGTH;

package/dist/hooks/annotation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux"),Actions=require("../store/Actions.js");const useCustomToolInstance=()=>{const t=reactRedux.useDispatch(),r=React.useRef({exportData:()=>[[],{}],exportCustomData:()=>({}),clearResult:()=>{},singleOn:()=>{},on:()=>{},setResult:()=>{},history:{initRecord:()=>{},pushHistory:()=>{}},setDefaultAttribute:e=>{},setSubAttribute:(e,u)=>{},setValid:()=>{}}),s=e=>{t({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:e}})},o=()=>{t({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:void 0}})};return React.useEffect(()=>(s(r.current),()=>{o()}),[]),{toolInstanceRef:r}};exports.useCustomToolInstance=useCustomToolInstance;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),ctx=require("../store/ctx.js"),Actions=require("../store/Actions.js");const useCustomToolInstance=({basicInfo:e}={})=>{var r;const s=ctx.useDispatch(),o=React.useRef({valid:(r=e==null?void 0:e.valid)!=null?r:!0,exportData:()=>[[],{}],exportCustomData:()=>({}),clearResult:()=>{},singleOn:()=>{},on:()=>{},unbind:()=>{},setResult:()=>{},history:{initRecord:()=>{},pushHistory:()=>{}},setDefaultAttribute:t=>{},setSubAttribute:(t,a)=>{},setValid:()=>{},updateRotate:()=>{}}),u=t=>{s({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:t}})},n=()=>{s({type:Actions.ANNOTATION_ACTIONS.SET_TOOL,payload:{instance:void 0}})};return React.useEffect(()=>(u(o.current),()=>{n()}),[]),{toolInstanceRef:o}};exports.useCustomToolInstance=useCustomToolInstance;

package/dist/hooks/useRefCache.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");const useRefCache=e=>{const r=React.useRef(e);return React.useEffect(()=>{r.current=e},[e]),r};module.exports=useRefCache;

package/dist/hooks/useSize.js

@@ -1 +1 @@
-"use strict";var React=require("react"),ResizeObserver=require("resize-observer-polyfill"),dom=require("../utils/dom.js"),useRafState=require("./useRafState.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ResizeObserver__default=_interopDefaultLegacy(ResizeObserver);function useSize(e){const[s,u]=useRafState(()=>{const t=dom.getTargetElement(e);return{width:(t||{}).clientWidth,height:(t||{}).clientHeight}});return React.useLayoutEffect(()=>{const t=dom.getTargetElement(e);if(!t)return()=>{};const r=new ResizeObserver__default.default(a=>{a.forEach(i=>{u({width:i.target.clientWidth,height:i.target.clientHeight})})});return r.observe(t),()=>{r.disconnect()}},[e]),s}module.exports=useSize;
+"use strict";var React=require("react"),ResizeObserver=require("resize-observer-polyfill"),dom=require("../utils/dom.js"),useRafState=require("./useRafState.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ResizeObserver__default=_interopDefaultLegacy(ResizeObserver);function useSize(e){const[l,s]=useRafState(()=>{var t,r;const i=dom.getTargetElement(e);return{width:(t=(i||{}).clientWidth)!=null?t:0,height:(r=(i||{}).clientHeight)!=null?r:0}});return React.useLayoutEffect(()=>{const t=dom.getTargetElement(e);if(!t)return()=>{};const r=new ResizeObserver__default.default(i=>{i.forEach(u=>{var a,n;s({width:(a=u.target.clientWidth)!=null?a:0,height:(n=u.target.clientHeight)!=null?n:0})})});return r.observe(t),()=>{r.disconnect()}},[e]),l}module.exports=useSize;