@labelbee/lb-components 1.9.1-alpha.1 → 1.9.1

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

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

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

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

package/es/assets/annotation/pointCloudTool/addSvg.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='9.201172' height='9.200073' viewBox='0 0 9.20117 9.20007' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cpath id='Exclude' d='M8.20117 5.59998L5.60156 5.59998L5.60156 8.20007C5.60156 8.75232 5.15234 9.20007 4.60156 9.20007C4.04883 9.20007 3.60156 8.75232 3.60156 8.20007L3.60156 5.59998L1 5.59998C0.449219 5.59998 0 5.15234 0 4.59998C0 4.04773 0.449219 3.59998 1 3.59998L3.60156 3.59998L3.60156 1C3.60156 0.447754 4.04883 0 4.60156 0C5.15234 0 5.60156 0.447754 5.60156 1L5.60156 3.59998L8.20117 3.59998C8.75391 3.59998 9.20117 4.04773 9.20117 4.59998C9.20117 5.15234 8.75391 5.59998 8.20117 5.59998Z' fill-rule='evenodd' fill='%230D53DE'/%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=addSvg.svg.js.map

package/es/assets/annotation/pointCloudTool/addSvg.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addSvg.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/addSvg.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='9.201172' height='9.200073' viewBox='0 0 9.20117 9.20007' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cpath id='Exclude' d='M8.20117 5.59998L5.60156 5.59998L5.60156 8.20007C5.60156 8.75232 5.15234 9.20007 4.60156 9.20007C4.04883 9.20007 3.60156 8.75232 3.60156 8.20007L3.60156 5.59998L1 5.59998C0.449219 5.59998 0 5.15234 0 4.59998C0 4.04773 0.449219 3.59998 1 3.59998L3.60156 3.59998L3.60156 1C3.60156 0.447754 4.04883 0 4.60156 0C5.15234 0 5.60156 0.447754 5.60156 1L5.60156 3.59998L8.20117 3.59998C8.75391 3.59998 9.20117 4.04773 9.20117 4.59998C9.20117 5.15234 8.75391 5.59998 8.20117 5.59998Z' fill-rule='evenodd' fill='%230D53DE'/%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/cancel.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='10.450195' height='10.420227' viewBox='0 0 10.4502 10.4202' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cpath id='%e9%94%99%e8%af%af' d='M10.1914 0.194397C9.93066 -0.0654907 9.50879 -0.0646973 9.24854 0.196106L5.21533 4.2442L1.16699 0.210693C0.90625 -0.0491943 0.484375 -0.0484619 0.224121 0.212402C-0.0356445 0.473206 -0.034668 0.895325 0.226074 1.15521L4.27393 5.18872L0.194336 9.28302C-0.0654297 9.54382 -0.0649414 9.96594 0.196289 10.2258C0.457031 10.4857 0.878906 10.4849 1.13867 10.2241L5.21875 6.12982L9.31299 10.2095C9.57373 10.4694 9.99609 10.4687 10.2559 10.2079C10.5156 9.94702 10.5151 9.52496 10.2539 9.26508L6.15967 5.1853L10.1934 1.13721C10.4531 0.876404 10.4526 0.454285 10.1914 0.194397Z' fill-rule='evenodd' fill='%23333333'/%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=cancel.svg.js.map

package/es/assets/annotation/pointCloudTool/cancel.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cancel.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/cancel.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='10.450195' height='10.420227' viewBox='0 0 10.4502 10.4202' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cpath id='%e9%94%99%e8%af%af' d='M10.1914 0.194397C9.93066 -0.0654907 9.50879 -0.0646973 9.24854 0.196106L5.21533 4.2442L1.16699 0.210693C0.90625 -0.0491943 0.484375 -0.0484619 0.224121 0.212402C-0.0356445 0.473206 -0.034668 0.895325 0.226074 1.15521L4.27393 5.18872L0.194336 9.28302C-0.0654297 9.54382 -0.0649414 9.96594 0.196289 10.2258C0.457031 10.4857 0.878906 10.4849 1.13867 10.2241L5.21875 6.12982L9.31299 10.2095C9.57373 10.4694 9.99609 10.4687 10.2559 10.2079C10.5156 9.94702 10.5151 9.52496 10.2539 9.26508L6.15967 5.1853L10.1934 1.13721C10.4531 0.876404 10.4526 0.454285 10.1914 0.194397Z' fill-rule='evenodd' fill='%23333333'/%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/circleSelector.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cmask id='mask1_15950' mask-type='alpha' maskUnits='userSpaceOnUse' x='0.000000' y='0.000000' width='24.000000' height='24.000000'%3e %3crect id='Frame 1312316549 (Background/Mask)' width='24.000000' height='24.000000' fill='%23C4C4C4'/%3e %3c/mask%3e %3cg mask='url(%23mask1_15950)'%3e %3ccircle id='Ellipse 1677' cx='12.000000' cy='12.000000' r='9.000000' stroke='%23999999' stroke-width='2.000000' stroke-dasharray='0 0'/%3e %3c/g%3e %3cg mask='url(%23mask1_15950)'%3e %3ccircle id='Ellipse 1678' cx='12.000000' cy='12.000000' r='4.000000' fill='%23999999'/%3e %3c/g%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=circleSelector.svg.js.map

package/es/assets/annotation/pointCloudTool/circleSelector.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circleSelector.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/circleSelector.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cmask id='mask1_15950' mask-type='alpha' maskUnits='userSpaceOnUse' x='0.000000' y='0.000000' width='24.000000' height='24.000000'%3e %3crect id='Frame 1312316549 (Background/Mask)' width='24.000000' height='24.000000' fill='%23C4C4C4'/%3e %3c/mask%3e %3cg mask='url(%23mask1_15950)'%3e %3ccircle id='Ellipse 1677' cx='12.000000' cy='12.000000' r='9.000000' stroke='%23999999' stroke-width='2.000000' stroke-dasharray='0 0'/%3e %3c/g%3e %3cg mask='url(%23mask1_15950)'%3e %3ccircle id='Ellipse 1678' cx='12.000000' cy='12.000000' r='4.000000' fill='%23999999'/%3e %3c/g%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/circleSelector_a.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cmask id='mask1_15950' mask-type='alpha' maskUnits='userSpaceOnUse' x='0.000000' y='0.000000' width='24.000000' height='24.000000'%3e %3crect id='Frame 1312316549 (Background/Mask)' width='24.000000' height='24.000000' fill='%231664FF'/%3e %3c/mask%3e %3cg mask='url(%23mask1_15950)'%3e %3ccircle id='Ellipse 1677' cx='12.000000' cy='12.000000' r='9.000000' stroke='%231664FF' stroke-width='2.000000' stroke-dasharray='0 0'/%3e %3c/g%3e %3cg mask='url(%23mask1_15950)'%3e %3ccircle id='Ellipse 1678' cx='12.000000' cy='12.000000' r='4.000000' fill='%231664FF'/%3e %3c/g%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=circleSelector_a.svg.js.map

package/es/assets/annotation/pointCloudTool/circleSelector_a.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circleSelector_a.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/circleSelector_a.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cmask id='mask1_15950' mask-type='alpha' maskUnits='userSpaceOnUse' x='0.000000' y='0.000000' width='24.000000' height='24.000000'%3e %3crect id='Frame 1312316549 (Background/Mask)' width='24.000000' height='24.000000' fill='%231664FF'/%3e %3c/mask%3e %3cg mask='url(%23mask1_15950)'%3e %3ccircle id='Ellipse 1677' cx='12.000000' cy='12.000000' r='9.000000' stroke='%231664FF' stroke-width='2.000000' stroke-dasharray='0 0'/%3e %3c/g%3e %3cg mask='url(%23mask1_15950)'%3e %3ccircle id='Ellipse 1678' cx='12.000000' cy='12.000000' r='4.000000' fill='%231664FF'/%3e %3c/g%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/clearSvg.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='20.000000' height='20.000000' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cpath id='Exclude' d='M10 20C15.5234 20 20 15.5228 20 10C20 4.47717 15.5234 0 10 0C4.47656 0 0 4.47717 0 10C0 15.5228 4.47656 20 10 20Z' fill-rule='evenodd' fill='%230D53DE'/%3e %3cpath id='Exclude' d='M14.5547 9.99866C14.5547 9.44641 14.1074 8.99866 13.5547 8.99866L10.9551 8.99866L8.95508 8.99866L6.35352 8.99866C5.80273 8.99866 5.35352 9.44641 5.35352 9.99866C5.35352 10.551 5.80273 10.9987 6.35352 10.9987L8.95508 10.9987L10.9551 10.9987L13.5547 10.9987C14.1074 10.9987 14.5547 10.551 14.5547 9.99866Z' fill-rule='evenodd' fill='%230D53DE'/%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=clearSvg.svg.js.map

package/es/assets/annotation/pointCloudTool/clearSvg.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clearSvg.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/clearSvg.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='20.000000' height='20.000000' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cpath id='Exclude' d='M10 20C15.5234 20 20 15.5228 20 10C20 4.47717 15.5234 0 10 0C4.47656 0 0 4.47717 0 10C0 15.5228 4.47656 20 10 20Z' fill-rule='evenodd' fill='%230D53DE'/%3e %3cpath id='Exclude' d='M14.5547 9.99866C14.5547 9.44641 14.1074 8.99866 13.5547 8.99866L10.9551 8.99866L8.95508 8.99866L6.35352 8.99866C5.80273 8.99866 5.35352 9.44641 5.35352 9.99866C5.35352 10.551 5.80273 10.9987 6.35352 10.9987L8.95508 10.9987L10.9551 10.9987L13.5547 10.9987C14.1074 10.9987 14.5547 10.551 14.5547 9.99866Z' fill-rule='evenodd' fill='%230D53DE'/%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/coverMode.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='20.250000' height='18.000000' viewBox='0 0 20.25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect id='Rectangle 12047' x='0.500000' y='0.500000' width='13.062500' height='13.625000' stroke='%23B4B4B4' stroke-dasharray='0 0'/%3e %3crect id='Rectangle 12048' x='5.625000' y='3.375000' width='14.625000' height='14.625000' fill='%23898989'/%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=coverMode.svg.js.map

package/es/assets/annotation/pointCloudTool/coverMode.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coverMode.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/coverMode.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='20.250000' height='18.000000' viewBox='0 0 20.25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect id='Rectangle 12047' x='0.500000' y='0.500000' width='13.062500' height='13.625000' stroke='%23B4B4B4' stroke-dasharray='0 0'/%3e %3crect id='Rectangle 12048' x='5.625000' y='3.375000' width='14.625000' height='14.625000' fill='%23898989'/%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/finish.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='13.666504' height='9.666687' viewBox='0 0 13.6665 9.66669' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cpath id='%e6%ad%a3%e7%a1%ae' d='M13.4761 1.1333L5.30957 9.46661C5.18164 9.59692 5.00635 9.66919 4.82373 9.66663C4.6416 9.664 4.46826 9.58679 4.34424 9.45294L0.177734 4.95294C-0.0727539 4.6828 -0.0566406 4.26099 0.213867 4.0108C0.483887 3.76068 0.905762 3.77692 1.15576 4.04706L4.84717 8.03357L12.5239 0.200073C12.7817 -0.0629272 13.2036 -0.0671997 13.4668 0.190552C13.7295 0.448242 13.7339 0.8703 13.4761 1.1333Z' fill-rule='evenodd' fill='%23333333'/%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=finish.svg.js.map

package/es/assets/annotation/pointCloudTool/finish.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"finish.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/finish.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='13.666504' height='9.666687' viewBox='0 0 13.6665 9.66669' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cpath id='%e6%ad%a3%e7%a1%ae' d='M13.4761 1.1333L5.30957 9.46661C5.18164 9.59692 5.00635 9.66919 4.82373 9.66663C4.6416 9.664 4.46826 9.58679 4.34424 9.45294L0.177734 4.95294C-0.0727539 4.6828 -0.0566406 4.26099 0.213867 4.0108C0.483887 3.76068 0.905762 3.77692 1.15576 4.04706L4.84717 8.03357L12.5239 0.200073C12.7817 -0.0629272 13.2036 -0.0671997 13.4668 0.190552C13.7295 0.448242 13.7339 0.8703 13.4761 1.1333Z' fill-rule='evenodd' fill='%23333333'/%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/lassoSelector.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cmask id='mask1_15945' mask-type='alpha' maskUnits='userSpaceOnUse' x='0.000000' y='0.000000' width='24.000000' height='24.000000'%3e %3crect id='Frame 1312316543 (Background/Mask)' width='24.000000' height='24.000000' fill='%23999999'/%3e %3c/mask%3e %3cg mask='url(%23mask1_15945)'%3e %3cpath id='Vector 197' d='M6.82031 21.1879C7.30859 20.8242 7.65674 20.4422 7.89697 20.0767C8.56055 19.0654 7.91553 17.8707 7.32861 16.813C6.78955 15.8416 6.34033 14.9126 5.68604 14.0402C3.5 11.1254 3.98877 7.18506 6.86133 4.94373C9.97998 2.51038 13.4199 2.427 15.9365 3.36963C16.5493 3.59912 17.186 3.94055 17.7881 4.3363C20.1196 5.86804 21.0063 8.93555 19.5503 11.3146C17.5649 14.5581 13.4385 15.5564 10.3657 15.641' stroke='%23999999' stroke-width='1.995000' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='0 0'/%3e %3c/g%3e %3cg mask='url(%23mask1_15945)'%3e %3cpath id='Vector 198' d='M4.979 17.3167C3.92969 16.8472 3.81592 15.4429 4.79492 14.8404C5.9707 14.1169 7.58301 13.7576 9.354 14.7828C10.374 15.3734 10.4321 16.5123 9.39893 17.0798C8.32764 17.6683 6.73828 18.1039 4.979 17.3167Z' stroke='%23999999' stroke-width='1.895129' stroke-linejoin='round' stroke-dasharray='0 0'/%3e %3c/g%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=lassoSelector.svg.js.map

package/es/assets/annotation/pointCloudTool/lassoSelector.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lassoSelector.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/lassoSelector.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cmask id='mask1_15945' mask-type='alpha' maskUnits='userSpaceOnUse' x='0.000000' y='0.000000' width='24.000000' height='24.000000'%3e %3crect id='Frame 1312316543 (Background/Mask)' width='24.000000' height='24.000000' fill='%23999999'/%3e %3c/mask%3e %3cg mask='url(%23mask1_15945)'%3e %3cpath id='Vector 197' d='M6.82031 21.1879C7.30859 20.8242 7.65674 20.4422 7.89697 20.0767C8.56055 19.0654 7.91553 17.8707 7.32861 16.813C6.78955 15.8416 6.34033 14.9126 5.68604 14.0402C3.5 11.1254 3.98877 7.18506 6.86133 4.94373C9.97998 2.51038 13.4199 2.427 15.9365 3.36963C16.5493 3.59912 17.186 3.94055 17.7881 4.3363C20.1196 5.86804 21.0063 8.93555 19.5503 11.3146C17.5649 14.5581 13.4385 15.5564 10.3657 15.641' stroke='%23999999' stroke-width='1.995000' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='0 0'/%3e %3c/g%3e %3cg mask='url(%23mask1_15945)'%3e %3cpath id='Vector 198' d='M4.979 17.3167C3.92969 16.8472 3.81592 15.4429 4.79492 14.8404C5.9707 14.1169 7.58301 13.7576 9.354 14.7828C10.374 15.3734 10.4321 16.5123 9.39893 17.0798C8.32764 17.6683 6.73828 18.1039 4.979 17.3167Z' stroke='%23999999' stroke-width='1.895129' stroke-linejoin='round' stroke-dasharray='0 0'/%3e %3c/g%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/lassoSelector_a.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cmask id='mask1_15945' mask-type='alpha' maskUnits='userSpaceOnUse' x='0.000000' y='0.000000' width='24.000000' height='24.000000'%3e %3crect id='Frame 1312316543 (Background/Mask)' width='24.000000' height='24.000000' fill='%23C4C4C4'/%3e %3c/mask%3e %3cg mask='url(%23mask1_15945)'%3e %3cpath id='Vector 197' d='M6.82031 21.1879C7.30859 20.8242 7.65674 20.4422 7.89697 20.0767C8.56055 19.0654 7.91553 17.8707 7.32861 16.813C6.78955 15.8416 6.34033 14.9126 5.68604 14.0402C3.5 11.1254 3.98877 7.18506 6.86133 4.94373C9.97998 2.51038 13.4199 2.427 15.9365 3.36963C16.5493 3.59912 17.186 3.94055 17.7881 4.3363C20.1196 5.86804 21.0063 8.93555 19.5503 11.3146C17.5649 14.5581 13.4385 15.5564 10.3657 15.641' stroke='%231664FF' stroke-width='1.995000' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='0 0'/%3e %3c/g%3e %3cg mask='url(%23mask1_15945)'%3e %3cpath id='Vector 198' d='M4.979 17.3167C3.92969 16.8472 3.81592 15.4429 4.79492 14.8404C5.9707 14.1169 7.58301 13.7576 9.354 14.7828C10.374 15.3734 10.4321 16.5123 9.39893 17.0798C8.32764 17.6683 6.73828 18.1039 4.979 17.3167Z' stroke='%231664FF' stroke-width='1.895129' stroke-linejoin='round' stroke-dasharray='0 0'/%3e %3c/g%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=lassoSelector_a.svg.js.map

package/es/assets/annotation/pointCloudTool/lassoSelector_a.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lassoSelector_a.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/lassoSelector_a.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='24.000000' height='24.000000' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3cdesc%3e Created with Pixso. %3c/desc%3e %3cmask id='mask1_15945' mask-type='alpha' maskUnits='userSpaceOnUse' x='0.000000' y='0.000000' width='24.000000' height='24.000000'%3e %3crect id='Frame 1312316543 (Background/Mask)' width='24.000000' height='24.000000' fill='%23C4C4C4'/%3e %3c/mask%3e %3cg mask='url(%23mask1_15945)'%3e %3cpath id='Vector 197' d='M6.82031 21.1879C7.30859 20.8242 7.65674 20.4422 7.89697 20.0767C8.56055 19.0654 7.91553 17.8707 7.32861 16.813C6.78955 15.8416 6.34033 14.9126 5.68604 14.0402C3.5 11.1254 3.98877 7.18506 6.86133 4.94373C9.97998 2.51038 13.4199 2.427 15.9365 3.36963C16.5493 3.59912 17.186 3.94055 17.7881 4.3363C20.1196 5.86804 21.0063 8.93555 19.5503 11.3146C17.5649 14.5581 13.4385 15.5564 10.3657 15.641' stroke='%231664FF' stroke-width='1.995000' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='0 0'/%3e %3c/g%3e %3cg mask='url(%23mask1_15945)'%3e %3cpath id='Vector 198' d='M4.979 17.3167C3.92969 16.8472 3.81592 15.4429 4.79492 14.8404C5.9707 14.1169 7.58301 13.7576 9.354 14.7828C10.374 15.3734 10.4321 16.5123 9.39893 17.0798C8.32764 17.6683 6.73828 18.1039 4.979 17.3167Z' stroke='%231664FF' stroke-width='1.895129' stroke-linejoin='round' stroke-dasharray='0 0'/%3e %3c/g%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/assets/annotation/pointCloudTool/unCoverMode.svg.js

@@ -0,0 +1,4 @@
+var img = "data:image/svg+xml,%3csvg width='20.250000' height='18.000000' viewBox='0 0 20.25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect id='Rectangle 12047' width='14.062500' height='14.625000' fill='%23AAAAAA'/%3e %3crect id='Rectangle 12048' x='6.125000' y='3.875000' width='13.625000' height='13.625000' fill='white'/%3e %3crect id='Rectangle 12048' x='6.125000' y='3.875000' width='13.625000' height='13.625000' stroke='%23CCCCCC' stroke-dasharray='0 0'/%3e %3cdefs/%3e%3c/svg%3e";
+
+export { img as default };
+//# sourceMappingURL=unCoverMode.svg.js.map

package/es/assets/annotation/pointCloudTool/unCoverMode.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unCoverMode.svg.js","sources":["../../../../src/assets/annotation/pointCloudTool/unCoverMode.svg"],"sourcesContent":["var img = \"data:image/svg+xml,%3csvg width='20.250000' height='18.000000' viewBox='0 0 20.25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect id='Rectangle 12047' width='14.062500' height='14.625000' fill='%23AAAAAA'/%3e %3crect id='Rectangle 12048' x='6.125000' y='3.875000' width='13.625000' height='13.625000' fill='white'/%3e %3crect id='Rectangle 12048' x='6.125000' y='3.875000' width='13.625000' height='13.625000' stroke='%23CCCCCC' stroke-dasharray='0 0'/%3e %3cdefs/%3e%3c/svg%3e\";\n  export default img;"],"names":[],"mappings":"AAAG,IAAC,GAAG,GAAG;;;;"}

package/es/components/colorPalette/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { RgbaColorPicker } from 'react-colorful';
+import { toRGBAObj, toRGBAStr } from '../../utils/colorUtils.js';
+
+const Palette = (props) => {
+  const {setColor, defaultColor} = props;
+  return /* @__PURE__ */ React.createElement(RgbaColorPicker, {
+    color: toRGBAObj(defaultColor),
+    onChange: (values) => {
+      const colorStr = toRGBAStr(values);
+      setColor(colorStr);
+    }
+  });
+};
+
+export { Palette as default };
+//# sourceMappingURL=index.js.map

package/es/components/colorPalette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/colorPalette/index.tsx"],"sourcesContent":["/**\n * @file Color Palette\n * @author lixinghua <lixinghua_vendor@sensetime.com>\n * @date 2023.04.24\n */\nimport React from 'react';\nimport { RgbaColorPicker } from 'react-colorful';\nimport { toRGBAObj, toRGBAStr } from '@/utils/colorUtils';\n\ninterface IProps {\n  defaultColor?: string;\n  setColor: (color: string) => void;\n}\n\nconst Palette = (props: IProps) => {\n  const { setColor, defaultColor } = props;\n\n  return (\n    <RgbaColorPicker\n      color={toRGBAObj(defaultColor)}\n      onChange={(values) => {\n        const colorStr = toRGBAStr(values);\n        setColor(colorStr);\n      }}\n    />\n  );\n};\nexport default Palette;\n"],"names":[],"mappings":";;;;AAcM,MAAA,OAAA,GAAU,CAAC,KAAkB,KAAA;AACjC,EAAM,MAAA,CAAE,UAAU,YAAiB,CAAA,GAAA,KAAA,CAAA;AAEnC,EAAA,2CACG,eAAD,EAAA;AAAA,IACE,OAAO,SAAU,CAAA,YAAA,CAAA;AAAA,IACjB,QAAA,EAAU,CAAC,MAAW,KAAA;AACpB,MAAA,MAAM,WAAW,SAAU,CAAA,MAAA,CAAA,CAAA;AAC3B,MAAS,QAAA,CAAA,QAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/pointCloudView/PointCloudSegment.js

@@ -0,0 +1,86 @@
+import useSize from '../../hooks/useSize.js';
+import { a2MapStateToProps } from '../../store/annotation/map.js';
+import { LabelBeeContext } from '../../store/ctx.js';
+import { getClassName } from '../../utils/dom.js';
+import { PointCloud, CommonToolUtils } from '@labelbee/lb-annotation';
+import React, { useRef, useContext, useEffect } from 'react';
+import { connect } from 'react-redux';
+import { PointCloudContext } from './PointCloudContext.js';
+import { EPointCloudSegmentMode } from '@labelbee/lb-utils';
+
+const PointCloudSegment = ({currentData, config, checkMode}) => {
+  var _a, _b;
+  const domRef = useRef(null);
+  const {setPtSegmentInstance, ptSegmentInstance, setDefaultAttribute} = useContext(PointCloudContext);
+  const size = useSize(domRef);
+  const defaultAttribute = (_b = (_a = config == null ? void 0 : config.attributeList) == null ? void 0 : _a[0]) == null ? void 0 : _b.value;
+  useEffect(() => {
+    var _a2;
+    if (!(size == null ? void 0 : size.width) || !domRef.current) {
+      return;
+    }
+    const orthographicParams = {
+      left: -size.width / 2,
+      right: size.width / 2,
+      top: size.height / 2,
+      bottom: -size.height / 2,
+      near: 100,
+      far: -100
+    };
+    const ptSegmentInstance2 = new PointCloud({
+      container: domRef.current,
+      isOrthographicCamera: true,
+      orthographicParams,
+      config
+    });
+    ptSegmentInstance2.store.setAttribute(defaultAttribute);
+    setDefaultAttribute(defaultAttribute);
+    setPtSegmentInstance(ptSegmentInstance2);
+    if (currentData == null ? void 0 : currentData.url) {
+      ptSegmentInstance2.loadPCDFile((_a2 = currentData == null ? void 0 : currentData.url) != null ? _a2 : "");
+    }
+  }, [size]);
+  useEffect(() => {
+    var _a2;
+    if (ptSegmentInstance && currentData.url) {
+      ptSegmentInstance.loadPCDFile((_a2 = currentData == null ? void 0 : currentData.url) != null ? _a2 : "");
+    }
+  }, [currentData, ptSegmentInstance]);
+  const segmentKeydownEvents = (lowerCaseKey, e) => {
+    switch (lowerCaseKey) {
+      case "h":
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("LassoSelector");
+        break;
+      case "j":
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("CircleSelector");
+        break;
+      case "u":
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("setSegmentMode", EPointCloudSegmentMode.Add);
+        break;
+      case "i":
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("setSegmentMode", EPointCloudSegmentMode.Remove);
+        break;
+    }
+  };
+  const onKeyDown = (e) => {
+    if (!CommonToolUtils.hotkeyFilter(e) || checkMode === true) {
+      return;
+    }
+    const lowerCaseKey = e.key.toLocaleLowerCase();
+    segmentKeydownEvents(lowerCaseKey);
+  };
+  useEffect(() => {
+    window.addEventListener("keydown", onKeyDown);
+    return () => {
+      window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [ptSegmentInstance]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-layout"),
+    ref: domRef
+  });
+};
+var PointCloudSegment$1 = connect(a2MapStateToProps, null, null, {context: LabelBeeContext})(PointCloudSegment);
+
+export { PointCloudSegment$1 as default };
+//# sourceMappingURL=PointCloudSegment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudSegment.js","sources":["../../../src/components/pointCloudView/PointCloudSegment.tsx"],"sourcesContent":["import useSize from '@/hooks/useSize';\nimport { IA2MapStateProps, a2MapStateToProps } from '@/store/annotation/map';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { getClassName } from '@/utils/dom';\nimport { CommonToolUtils, PointCloud } from '@labelbee/lb-annotation';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { connect } from 'react-redux';\nimport { PointCloudContext } from './PointCloudContext';\nimport { EPointCloudSegmentMode } from '@labelbee/lb-utils';\n\ninterface IProps extends IA2MapStateProps {\n  checkMode?: boolean;\n}\n\nconst PointCloudSegment: React.FC<IProps> = ({ currentData, config, checkMode }) => {\n  const domRef = useRef<HTMLDivElement>(null);\n  const { setPtSegmentInstance, ptSegmentInstance, setDefaultAttribute } =\n    useContext(PointCloudContext);\n  const size = useSize(domRef);\n\n  const defaultAttribute = config?.attributeList?.[0]?.value;\n\n  useEffect(() => {\n    if (!size?.width || !domRef.current) {\n      return;\n    }\n\n    const orthographicParams = {\n      left: -size.width / 2,\n      right: size.width / 2,\n      top: size.height / 2,\n      bottom: -size.height / 2,\n      near: 100,\n      far: -100,\n    };\n\n    const ptSegmentInstance = new PointCloud({\n      container: domRef.current,\n      isOrthographicCamera: true,\n      orthographicParams,\n      config,\n    });\n\n    ptSegmentInstance.store.setAttribute(defaultAttribute);\n    setDefaultAttribute(defaultAttribute);\n\n    setPtSegmentInstance(ptSegmentInstance);\n\n    // TODO\n    if (currentData?.url) {\n      ptSegmentInstance.loadPCDFile(currentData?.url ?? '');\n    }\n  }, [size]);\n\n  // Template just for Test\n  useEffect(() => {\n    if (ptSegmentInstance && currentData.url) {\n      ptSegmentInstance.loadPCDFile(currentData?.url ?? '');\n    }\n  }, [currentData, ptSegmentInstance]);\n\n  const segmentKeydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    switch (lowerCaseKey) {\n      case 'h':\n        ptSegmentInstance?.emit('LassoSelector');\n        break;\n\n      case 'j':\n        ptSegmentInstance?.emit('CircleSelector');\n        break;\n\n      case 'u':\n        ptSegmentInstance?.emit('setSegmentMode', EPointCloudSegmentMode.Add);\n        break;\n\n      case 'i':\n        ptSegmentInstance?.emit('setSegmentMode', EPointCloudSegmentMode.Remove);\n        break;\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (!CommonToolUtils.hotkeyFilter(e) || checkMode === true) {\n      return;\n    }\n\n    const lowerCaseKey = e.key.toLocaleLowerCase();\n\n    segmentKeydownEvents(lowerCaseKey, e);\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [ptSegmentInstance]);\n\n  return <div className={getClassName('point-cloud-layout')} ref={domRef} />;\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudSegment,\n);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudSegmentListener.js

@@ -0,0 +1,83 @@
+import { useContext, useEffect } from 'react';
+import { a2MapStateToProps } from '../../store/annotation/map.js';
+import { connect } from 'react-redux';
+import { LabelBeeContext } from '../../store/ctx.js';
+import { useCustomToolInstance } from '../../hooks/annotation.js';
+import { jsonParser } from '../../utils/index.js';
+import { PointCloudContext } from './PointCloudContext.js';
+import { CommonToolUtils } from '@labelbee/lb-annotation';
+import { EPointCloudSegmentMode } from '@labelbee/lb-utils';
+import { useAttribute } from './hooks/useAttribute.js';
+
+const PointCloudSegmentListener = ({checkMode, currentData}) => {
+  const basicInfo = jsonParser(currentData.result);
+  const {toolInstanceRef} = useCustomToolInstance({basicInfo});
+  const {updateSegmentAttribute} = useAttribute();
+  const ptCtx = useContext(PointCloudContext);
+  const {ptSegmentInstance} = ptCtx;
+  useEffect(() => {
+    var _a;
+    if (ptSegmentInstance && currentData.url) {
+      ptSegmentInstance.loadPCDFile((_a = currentData == null ? void 0 : currentData.url) != null ? _a : "");
+    }
+  }, [currentData, ptSegmentInstance]);
+  const segmentKeydownEvents = (lowerCaseKey, e) => {
+    switch (lowerCaseKey) {
+      case "h":
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("LassoSelector");
+        break;
+      case "j":
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("CircleSelector");
+        break;
+      case "u":
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("setSegmentMode", EPointCloudSegmentMode.Add);
+        break;
+      case "i":
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("setSegmentMode", EPointCloudSegmentMode.Remove);
+        break;
+    }
+  };
+  const onKeyDown = (e) => {
+    if (!CommonToolUtils.hotkeyFilter(e) || checkMode === true) {
+      return;
+    }
+    const lowerCaseKey = e.key.toLocaleLowerCase();
+    segmentKeydownEvents(lowerCaseKey);
+  };
+  useEffect(() => {
+    window.addEventListener("keydown", onKeyDown);
+    toolInstanceRef.current.setDefaultAttribute = (newAttribute) => {
+      updateSegmentAttribute(newAttribute);
+    };
+    return () => {
+      window.removeEventListener("keydown", onKeyDown);
+    };
+  }, [ptSegmentInstance]);
+  useEffect(() => {
+    toolInstanceRef.current.exportData = () => {
+      return [ptCtx.pointCloudBoxList, {valid: ptCtx.valid}];
+    };
+    toolInstanceRef.current.exportCustomData = () => {
+      var _a, _b, _c, _d, _e;
+      console.log("ptSegmentInstance?.store?.segmentData", (_a = ptSegmentInstance == null ? void 0 : ptSegmentInstance.store) == null ? void 0 : _a.formatData);
+      return {
+        resultPolygon: (_b = ptCtx.polygonList) != null ? _b : [],
+        resultLine: (_c = ptCtx.lineList) != null ? _c : [],
+        resultPoint: (_d = ptCtx.pointCloudSphereList) != null ? _d : [],
+        segmentation: (_e = ptSegmentInstance == null ? void 0 : ptSegmentInstance.store) == null ? void 0 : _e.formatData
+      };
+    };
+  }, [
+    ptCtx.pointCloudBoxList,
+    ptCtx.valid,
+    ptCtx.polygonList,
+    ptCtx.lineList,
+    ptCtx.pointCloudSphereList,
+    ptCtx.ptSegmentInstance
+  ]);
+  return null;
+};
+var PointCloudSegmentListener$1 = connect(a2MapStateToProps, null, null, {context: LabelBeeContext})(PointCloudSegmentListener);
+
+export { PointCloudSegmentListener$1 as default };
+//# sourceMappingURL=PointCloudSegmentListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudSegmentListener.js","sources":["../../../src/components/pointCloudView/PointCloudSegmentListener.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { connect } from 'react-redux';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { useCustomToolInstance } from '@/hooks/annotation';\nimport { jsonParser } from '@/utils';\nimport { PointCloudContext } from './PointCloudContext';\nimport { CommonToolUtils, PointCloud } from '@labelbee/lb-annotation';\nimport { EPointCloudSegmentMode } from '@labelbee/lb-utils';\nimport { useAttribute } from './hooks/useAttribute';\n\ninterface IProps extends IA2MapStateProps {\n  checkMode?: boolean;\n}\n\nconst PointCloudSegmentListener: React.FC<IProps> = ({ checkMode, currentData }) => {\n  const basicInfo = jsonParser(currentData.result);\n  const { toolInstanceRef } = useCustomToolInstance({ basicInfo });\n  const { updateSegmentAttribute } = useAttribute();\n\n  const ptCtx = useContext(PointCloudContext);\n  const { ptSegmentInstance } = ptCtx;\n\n  // Template just for Test\n  useEffect(() => {\n    if (ptSegmentInstance && currentData.url) {\n      \n      ptSegmentInstance.loadPCDFile(currentData?.url ?? '');\n    }\n  }, [currentData, ptSegmentInstance]);\n\n  const segmentKeydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    switch (lowerCaseKey) {\n      case 'h':\n        ptSegmentInstance?.emit('LassoSelector');\n        break;\n\n      case 'j':\n        ptSegmentInstance?.emit('CircleSelector');\n        break;\n\n      case 'u':\n        ptSegmentInstance?.emit('setSegmentMode', EPointCloudSegmentMode.Add);\n        break;\n\n      case 'i':\n        ptSegmentInstance?.emit('setSegmentMode', EPointCloudSegmentMode.Remove);\n        break;\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (!CommonToolUtils.hotkeyFilter(e) || checkMode === true) {\n      return;\n    }\n    const lowerCaseKey = e.key.toLocaleLowerCase();\n\n    segmentKeydownEvents(lowerCaseKey, e);\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', onKeyDown);\n\n    toolInstanceRef.current.setDefaultAttribute = (newAttribute: string) => {\n      updateSegmentAttribute(newAttribute);\n    };\n\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [ptSegmentInstance]);\n\n  useEffect(() => {\n    toolInstanceRef.current.exportData = () => {\n      return [ptCtx.pointCloudBoxList, { valid: ptCtx.valid }];\n    };\n\n    toolInstanceRef.current.exportCustomData = () => {\n      console.log('ptSegmentInstance?.store?.segmentData', ptSegmentInstance?.store?.formatData);\n\n      return {\n        resultPolygon: ptCtx.polygonList ?? [],\n        resultLine: ptCtx.lineList ?? [],\n        resultPoint: ptCtx.pointCloudSphereList ?? [],\n        segmentation: ptSegmentInstance?.store?.formatData,\n      };\n    };\n  }, [\n    ptCtx.pointCloudBoxList,\n    ptCtx.valid,\n    ptCtx.polygonList,\n    ptCtx.lineList,\n    ptCtx.pointCloudSphereList,\n    ptCtx.ptSegmentInstance,\n  ]);\n\n  return null;\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudSegmentListener,\n);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudSegmentStatus.js

@@ -0,0 +1,98 @@
+import React, { useContext, useState, useEffect } from 'react';
+import { getClassName } from '../../utils/dom.js';
+import img from '../../assets/annotation/pointCloudTool/finish.svg.js';
+import img$1 from '../../assets/annotation/pointCloudTool/cancel.svg.js';
+import { PointCloudContext } from './PointCloudContext.js';
+import { EPointCloudSegmentStatus } from '@labelbee/lb-utils';
+
+const SegmentInfo = ({
+  infoList
+}) => {
+  if (!infoList) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-status", "info")
+  }, infoList.map((v) => /* @__PURE__ */ React.createElement("div", {
+    key: v.key
+  }, /* @__PURE__ */ React.createElement("span", null, v.key, "\uFF1A "), /* @__PURE__ */ React.createElement("span", null, v.value))));
+};
+const PointCloudSegmentStatus = () => {
+  var _a, _b, _c, _d, _e;
+  const {ptSegmentInstance, setDefaultAttribute} = useContext(PointCloudContext);
+  const [data, setData] = useState({
+    segmentStatus: EPointCloudSegmentStatus.Ready
+  });
+  useEffect(() => {
+    if (ptSegmentInstance) {
+      const updateVisible = (newData) => {
+        setData(newData);
+        if (newData.cacheSegData) {
+          setDefaultAttribute(newData.cacheSegData.attribute);
+        }
+      };
+      ptSegmentInstance == null ? void 0 : ptSegmentInstance.on("syncPointCloudStatus", updateVisible);
+      return () => {
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.unbind("syncPointCloudStatus", updateVisible);
+      };
+    }
+  }, [ptSegmentInstance]);
+  const status = data.segmentStatus;
+  if (status === EPointCloudSegmentStatus.Ready) {
+    return null;
+  }
+  const isCheckStatus = status === EPointCloudSegmentStatus.Check;
+  const isEditStatus = status === EPointCloudSegmentStatus.Edit;
+  let customButton = null;
+  const pointsLength = ((_c = (_b = (_a = data.cacheSegData) == null ? void 0 : _a.points) == null ? void 0 : _b.length) != null ? _c : 0) / 3;
+  let infoList = [
+    {
+      key: "\u9009\u4E2D\u70B9\u6570",
+      value: pointsLength
+    },
+    {
+      key: "\u4E3B\u5C5E\u6027",
+      value: (_e = (_d = data.cacheSegData) == null ? void 0 : _d.attribute) != null ? _e : ""
+    }
+  ];
+  if (isCheckStatus) {
+    customButton = /* @__PURE__ */ React.createElement("div", {
+      className: getClassName("point-cloud-status", "operation")
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: getClassName("point-cloud-status", "button"),
+      onClick: () => {
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("updateCheck2Edit");
+      }
+    }, /* @__PURE__ */ React.createElement("img", {
+      className: getClassName("point-cloud-status", "icon"),
+      src: img
+    }), "\u8FDB\u5165\u7F16\u8F91"));
+  }
+  if (isEditStatus) {
+    customButton = /* @__PURE__ */ React.createElement("div", {
+      className: getClassName("point-cloud-status", "operation")
+    }, /* @__PURE__ */ React.createElement("span", {
+      className: getClassName("point-cloud-status", "button"),
+      onClick: () => {
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("addStash2Store");
+      }
+    }, /* @__PURE__ */ React.createElement("img", {
+      className: getClassName("point-cloud-status", "icon"),
+      src: img
+    }), "\u5B8C\u6210"), /* @__PURE__ */ React.createElement("span", {
+      className: getClassName("point-cloud-status", "button"),
+      onClick: () => {
+        ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("clearStash");
+      }
+    }, /* @__PURE__ */ React.createElement("img", {
+      className: getClassName("point-cloud-status", "icon"),
+      src: img$1
+    }), "\u53D6\u6D88"));
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, customButton, /* @__PURE__ */ React.createElement(SegmentInfo, {
+    infoList
+  }));
+};
+
+export { PointCloudSegmentStatus as default };
+//# sourceMappingURL=PointCloudSegmentStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudSegmentStatus.js","sources":["../../../src/components/pointCloudView/PointCloudSegmentStatus.tsx"],"sourcesContent":["import React, { useEffect, useState, useContext } from 'react';\nimport { getClassName } from '@/utils/dom';\nimport FinishSvg from '@/assets/annotation/pointCloudTool/finish.svg';\nimport CancelSvg from '@/assets/annotation/pointCloudTool/cancel.svg';\nimport { PointCloudContext } from './PointCloudContext';\nimport { EPointCloudSegmentStatus, IPointCloudSegmentation } from '@labelbee/lb-utils';\n\nconst SegmentInfo: React.FC<{ infoList?: Array<{ key: string; value: string | number }> }> = ({\n  infoList,\n}) => {\n  if (!infoList) {\n    return null;\n  }\n\n  return (\n    <div className={getClassName('point-cloud-status', 'info')}>\n      {infoList.map((v) => (\n        <div key={v.key}>\n          <span>{v.key}： </span>\n          <span>{v.value}</span>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nconst PointCloudSegmentStatus = () => {\n  const { ptSegmentInstance, setDefaultAttribute } = useContext(PointCloudContext);\n\n  const [data, setData] = useState<{\n    segmentStatus: EPointCloudSegmentStatus;\n    cacheSegData?: IPointCloudSegmentation;\n  }>({\n    segmentStatus: EPointCloudSegmentStatus.Ready,\n  });\n\n  useEffect(() => {\n    if (ptSegmentInstance) {\n      const updateVisible = (newData: {\n        segmentStatus: EPointCloudSegmentStatus;\n        cacheSegData: IPointCloudSegmentation;\n      }) => {\n        setData(newData);\n        if (newData.cacheSegData) {\n          setDefaultAttribute(newData.cacheSegData.attribute);\n        }\n      };\n\n      ptSegmentInstance?.on('syncPointCloudStatus', updateVisible);\n\n      return () => {\n        ptSegmentInstance?.unbind('syncPointCloudStatus', updateVisible);\n      };\n    }\n  }, [ptSegmentInstance]);\n\n  const status = data.segmentStatus;\n\n  if (status === EPointCloudSegmentStatus.Ready) {\n    return null;\n  }\n\n  const isCheckStatus = status === EPointCloudSegmentStatus.Check;\n  const isEditStatus = status === EPointCloudSegmentStatus.Edit;\n\n  let customButton: React.ReactNode = null;\n  const pointsLength = (data.cacheSegData?.points?.length ?? 0) / 3;\n  let infoList = [\n    {\n      key: '选中点数',\n      value: pointsLength,\n    },\n    {\n      key: '主属性',\n      value: data.cacheSegData?.attribute ?? '',\n    },\n  ];\n  if (isCheckStatus) {\n    customButton = (\n      <div className={getClassName('point-cloud-status', 'operation')}>\n        <span\n          className={getClassName('point-cloud-status', 'button')}\n          onClick={() => {\n            ptSegmentInstance?.emit('updateCheck2Edit');\n          }}\n        >\n          <img className={getClassName('point-cloud-status', 'icon')} src={FinishSvg} />\n          进入编辑\n        </span>\n      </div>\n    );\n  }\n\n  if (isEditStatus) {\n    customButton = (\n      <div className={getClassName('point-cloud-status', 'operation')}>\n        <span\n          className={getClassName('point-cloud-status', 'button')}\n          onClick={() => {\n            ptSegmentInstance?.emit('addStash2Store');\n          }}\n        >\n          <img className={getClassName('point-cloud-status', 'icon')} src={FinishSvg} />\n          完成\n        </span>\n        <span\n          className={getClassName('point-cloud-status', 'button')}\n          onClick={() => {\n            ptSegmentInstance?.emit('clearStash');\n          }}\n        >\n          <img className={getClassName('point-cloud-status', 'icon')} src={CancelSvg} />\n          取消\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {customButton}\n      <SegmentInfo infoList={infoList} />\n    </>\n  );\n};\nexport default PointCloudSegmentStatus;\n"],"names":["FinishSvg","CancelSvg"],"mappings":"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"}

package/es/components/pointCloudView/PointCloudSegmentToolbar.js

@@ -0,0 +1,59 @@
+import { getClassName } from '../../utils/dom.js';
+import { Switch, message } from 'antd';
+import img from '../../assets/annotation/pointCloudTool/coverMode.svg.js';
+import img$1 from '../../assets/annotation/pointCloudTool/unCoverMode.svg.js';
+import React, { useContext, useState, useEffect } from 'react';
+import { PointCloudContext } from './PointCloudContext.js';
+import { EPointCloudSegmentMode, EPointCloudSegmentCoverMode } from '@labelbee/lb-utils';
+import { useTranslation } from 'react-i18next';
+
+const PointCloudSegmentToolbar = () => {
+  var _a, _b;
+  const {t} = useTranslation();
+  const {ptSegmentInstance} = useContext(PointCloudContext);
+  const [mode, setMode] = useState((_a = ptSegmentInstance == null ? void 0 : ptSegmentInstance.store.segmentMode) != null ? _a : EPointCloudSegmentMode.Add);
+  const [coverMode, setCoverMode] = useState((_b = ptSegmentInstance == null ? void 0 : ptSegmentInstance.store.segmentCoverMode) != null ? _b : EPointCloudSegmentCoverMode.Cover);
+  useEffect(() => {
+    if (!ptSegmentInstance) {
+      return;
+    }
+    const updateSegmentMode = (mode2) => {
+      setMode(mode2);
+    };
+    const updateCoverMode = (coverMode2) => {
+      setCoverMode(coverMode2);
+    };
+    ptSegmentInstance.on("setSegmentMode", updateSegmentMode);
+    ptSegmentInstance.on("setSegmentCoverMode", updateCoverMode);
+    return () => {
+      ptSegmentInstance.unbind("setSegmentMode", updateSegmentMode);
+      ptSegmentInstance.unbind("setSegmentCoverMode", updateCoverMode);
+    };
+  }, [ptSegmentInstance]);
+  const checked = mode === EPointCloudSegmentMode.Add;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-toolbar")
+  }, /* @__PURE__ */ React.createElement(Switch, {
+    checkedChildren: "+",
+    unCheckedChildren: "-",
+    checked,
+    onChange: (checked2) => {
+      ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("setSegmentMode", checked2 ? EPointCloudSegmentMode.Add : EPointCloudSegmentMode.Remove);
+    }
+  }), /* @__PURE__ */ React.createElement("div", {
+    style: {marginLeft: 16},
+    onClick: () => {
+      ptSegmentInstance == null ? void 0 : ptSegmentInstance.emit("setSegmentCoverMode", coverMode === EPointCloudSegmentCoverMode.Cover ? EPointCloudSegmentCoverMode.Uncover : EPointCloudSegmentCoverMode.Cover);
+      message.info({
+        content: t(coverMode === EPointCloudSegmentCoverMode.Cover ? "PointCloudUncoverMode" : "PointCloudCoverMode"),
+        icon: () => null
+      });
+    }
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: coverMode === EPointCloudSegmentCoverMode.Cover ? img : img$1,
+    style: {cursor: "pointer"}
+  })));
+};
+
+export { PointCloudSegmentToolbar as default };
+//# sourceMappingURL=PointCloudSegmentToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudSegmentToolbar.js","sources":["../../../src/components/pointCloudView/PointCloudSegmentToolbar.tsx"],"sourcesContent":["import { getClassName } from '@/utils/dom';\nimport { message, Switch } from 'antd';\n// import AddSvg from '@/assets/annotation/pointCloudTool/addSvg.svg';\n// import ClearSvg from '@/assets/annotation/pointCloudTool/clearSvg.svg';\nimport CoverMode from '@/assets/annotation/pointCloudTool/coverMode.svg';\nimport UnCoverMode from '@/assets/annotation/pointCloudTool/unCoverMode.svg';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { PointCloudContext } from './PointCloudContext';\nimport { EPointCloudSegmentCoverMode, EPointCloudSegmentMode } from '@labelbee/lb-utils';\nimport { useTranslation } from 'react-i18next';\n\nconst PointCloudSegmentToolbar = () => {\n  const { t } = useTranslation();\n  const { ptSegmentInstance } = useContext(PointCloudContext);\n  const [mode, setMode] = useState(\n    ptSegmentInstance?.store.segmentMode ?? EPointCloudSegmentMode.Add,\n  );\n\n  const [coverMode, setCoverMode] = useState(\n    ptSegmentInstance?.store.segmentCoverMode ?? EPointCloudSegmentCoverMode.Cover,\n  );\n\n  useEffect(() => {\n    if (!ptSegmentInstance) {\n      return;\n    }\n\n    const updateSegmentMode = (mode: EPointCloudSegmentMode) => {\n      setMode(mode);\n    };\n    const updateCoverMode = (coverMode: EPointCloudSegmentCoverMode) => {\n      setCoverMode(coverMode);\n    };\n\n    ptSegmentInstance.on('setSegmentMode', updateSegmentMode);\n    ptSegmentInstance.on('setSegmentCoverMode', updateCoverMode);\n    return () => {\n      ptSegmentInstance.unbind('setSegmentMode', updateSegmentMode);\n      ptSegmentInstance.unbind('setSegmentCoverMode', updateCoverMode);\n    };\n  }, [ptSegmentInstance]);\n\n  const checked = mode === EPointCloudSegmentMode.Add;\n  return (\n    <div className={getClassName('point-cloud-toolbar')}>\n      {/* <Switch checkedChildren={<img src={AddSvg} />} unCheckedChildren={<img src={ClearSvg} />} /> */}\n      <Switch\n        checkedChildren='+'\n        unCheckedChildren='-'\n        checked={checked}\n        onChange={(checked) => {\n          ptSegmentInstance?.emit(\n            'setSegmentMode',\n            checked ? EPointCloudSegmentMode.Add : EPointCloudSegmentMode.Remove,\n          );\n        }}\n      />\n      <div\n        style={{ marginLeft: 16 }}\n        onClick={() => {\n          ptSegmentInstance?.emit(\n            'setSegmentCoverMode',\n            coverMode === EPointCloudSegmentCoverMode.Cover\n              ? EPointCloudSegmentCoverMode.Uncover\n              : EPointCloudSegmentCoverMode.Cover,\n          );\n          message.info({\n            content: t(\n              coverMode === EPointCloudSegmentCoverMode.Cover\n                ? 'PointCloudUncoverMode'\n                : 'PointCloudCoverMode',\n            ),\n            icon: () => null,\n          });\n        }}\n      >\n        <img\n          src={coverMode === EPointCloudSegmentCoverMode.Cover ? CoverMode : UnCoverMode}\n          style={{ cursor: 'pointer' }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default PointCloudSegmentToolbar;\n"],"names":["CoverMode","UnCoverMode"],"mappings":";;;;;;;;;AAWA,MAAM,2BAA2B,MAAM;AAXvC,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAYE,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AACd,EAAM,MAAA,CAAE,qBAAsB,UAAW,CAAA,iBAAA,CAAA,CAAA;AACzC,EAAM,MAAA,CAAC,MAAM,OAAW,CAAA,GAAA,QAAA,CACtB,6DAAmB,KAAM,CAAA,WAAA,KAAzB,YAAwC,sBAAuB,CAAA,GAAA,CAAA,CAAA;AAGjE,EAAM,MAAA,CAAC,WAAW,YAAgB,CAAA,GAAA,QAAA,CAChC,6DAAmB,KAAM,CAAA,gBAAA,KAAzB,YAA6C,2BAA4B,CAAA,KAAA,CAAA,CAAA;AAG3E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,iBAAA,GAAoB,CAAC,KAAiC,KAAA;AAC1D,MAAQ,OAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAEV,IAAM,MAAA,eAAA,GAAkB,CAAC,UAA2C,KAAA;AAClE,MAAa,YAAA,CAAA,UAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGf,IAAA,iBAAA,CAAkB,GAAG,gBAAkB,EAAA,iBAAA,CAAA,CAAA;AACvC,IAAA,iBAAA,CAAkB,GAAG,qBAAuB,EAAA,eAAA,CAAA,CAAA;AAC5C,IAAA,OAAO,MAAM;AACX,MAAA,iBAAA,CAAkB,OAAO,gBAAkB,EAAA,iBAAA,CAAA,CAAA;AAC3C,MAAA,iBAAA,CAAkB,OAAO,qBAAuB,EAAA,eAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GAAA,EAEjD,CAAC,iBAAA,CAAA,CAAA,CAAA;AAEJ,EAAM,MAAA,OAAA,GAAU,SAAS,sBAAuB,CAAA,GAAA,CAAA;AAChD,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,WAAW,YAAa,CAAA,qBAAA,CAAA;AAAA,GAAA,sCAE1B,MAAD,EAAA;AAAA,IACE,eAAgB,EAAA,GAAA;AAAA,IAChB,iBAAkB,EAAA,GAAA;AAAA,IAClB,OAAA;AAAA,IACA,QAAA,EAAU,CAAC,QAAY,KAAA;AACrB,MAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAmB,IACjB,CAAA,gBAAA,EACA,QAAU,GAAA,sBAAA,CAAuB,MAAM,sBAAuB,CAAA,MAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA,sCAInE,KAAD,EAAA;AAAA,IACE,KAAA,EAAO,CAAE,UAAY,EAAA,EAAA,CAAA;AAAA,IACrB,SAAS,MAAM;AACb,MAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAmB,KACjB,qBACA,EAAA,SAAA,KAAc,4BAA4B,KACtC,GAAA,2BAAA,CAA4B,UAC5B,2BAA4B,CAAA,KAAA,CAAA,CAAA;AAElC,MAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,QACX,OAAS,EAAA,CAAA,CACP,SAAc,KAAA,2BAAA,CAA4B,QACtC,uBACA,GAAA,qBAAA,CAAA;AAAA,QAEN,MAAM,MAAM,IAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,sCAIf,KAAD,EAAA;AAAA,IACE,GAAK,EAAA,SAAA,KAAc,2BAA4B,CAAA,KAAA,GAAQA,GAAY,GAAAC,KAAA;AAAA,IACnE,KAAA,EAAO,CAAE,MAAQ,EAAA,SAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,70 @@
+import { useContext } from 'react';
+import { PointCloudContext } from '../PointCloudContext.js';
+import { useHistory } from './useHistory.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const useLine = () => {
+  const {lineList, setLineList, selectedID} = useContext(PointCloudContext);
+  const {addHistory, pushHistoryWithList} = useHistory();
+  const selectedLine = lineList.find((v) => v.id === selectedID);
+  const addLine = (line) => {
+    setLineList(lineList.concat(line));
+    addHistory({newLine: line});
+  };
+  const deleteLine = (id) => {
+    const newLineList = lineList.filter((v) => v.id !== id).map((v) => __spreadValues({}, v));
+    setLineList(newLineList);
+    pushHistoryWithList({lineList: newLineList});
+  };
+  const updateSelectedLine = (line) => {
+    if (selectedLine) {
+      setLineList(lineList.map((v) => {
+        if (v.id === selectedID) {
+          return line;
+        }
+        return v;
+      }));
+    }
+  };
+  const updateLineValidByID = (id) => {
+    const line = lineList.find((v) => v.id === id);
+    if (line) {
+      setLineList(lineList.map((v) => {
+        if (v.id === id) {
+          return __spreadProps(__spreadValues({}, v), {
+            valid: !v.valid
+          });
+        }
+        return v;
+      }));
+    }
+  };
+  return {
+    addLine,
+    deleteLine,
+    selectedLine,
+    updateSelectedLine,
+    updateLineValidByID
+  };
+};
+
+export { useLine };
+//# sourceMappingURL=useLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLine.js","sources":["../../../../src/components/pointCloudView/hooks/useLine.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { ILine } from '@labelbee/lb-utils';\nimport { PointCloudContext } from '../PointCloudContext';\nimport { useHistory } from './useHistory';\n\n/**\n * PointCloud line Hook\n * @returns\n */\nexport const useLine = () => {\n  const { lineList, setLineList, selectedID } = useContext(PointCloudContext);\n  const { addHistory, pushHistoryWithList } = useHistory();\n\n  const selectedLine = lineList.find((v) => v.id === selectedID);\n\n  const addLine = (line: ILine) => {\n    setLineList(lineList.concat(line));\n    addHistory({ newLine: line });\n  };\n\n  const deleteLine = (id: string) => {\n    const newLineList = lineList.filter((v) => v.id !== id).map((v) => ({ ...v }));\n    setLineList(newLineList);\n    pushHistoryWithList({ lineList: newLineList });\n  };\n\n  const updateSelectedLine = (line: ILine) => {\n    if (selectedLine) {\n      setLineList(\n        lineList.map((v) => {\n          if (v.id === selectedID) {\n            return line;\n          }\n          return v;\n        }),\n      );\n    }\n  };\n\n  const updateLineValidByID = (id: string) => {\n    const line = lineList.find((v) => v.id === id);\n    if (line) {\n      setLineList(\n        lineList.map((v) => {\n          if (v.id === id) {\n            return {\n              ...v,\n              valid: !v.valid,\n            };\n          }\n          return v;\n        }),\n      );\n    }\n  };\n\n  return {\n    addLine,\n    deleteLine,\n    selectedLine,\n    updateSelectedLine,\n    updateLineValidByID,\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,UAAU,MAAM;AAC3B,EAAA,MAAM,CAAE,QAAA,EAAU,WAAa,EAAA,UAAA,CAAA,GAAe,UAAW,CAAA,iBAAA,CAAA,CAAA;AACzD,EAAM,MAAA,CAAE,YAAY,mBAAwB,CAAA,GAAA,UAAA,EAAA,CAAA;AAE5C,EAAA,MAAM,eAAe,QAAS,CAAA,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,UAAA,CAAA,CAAA;AAEnD,EAAM,MAAA,OAAA,GAAU,CAAC,IAAgB,KAAA;AAC/B,IAAA,WAAA,CAAY,SAAS,MAAO,CAAA,IAAA,CAAA,CAAA,CAAA;AAC5B,IAAA,UAAA,CAAW,CAAE,OAAS,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAGxB,EAAM,MAAA,UAAA,GAAa,CAAC,EAAe,KAAA;AACjC,IAAM,MAAA,WAAA,GAAc,QAAS,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,CAAE,CAAA,EAAA,KAAO,EAAI,CAAA,CAAA,GAAA,CAAI,CAAC,CAAA,KAAO,cAAK,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AACzE,IAAY,WAAA,CAAA,WAAA,CAAA,CAAA;AACZ,IAAA,mBAAA,CAAoB,CAAE,QAAU,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAGlC,EAAM,MAAA,kBAAA,GAAqB,CAAC,IAAgB,KAAA;AAC1C,IAAA,IAAI,YAAc,EAAA;AAChB,MACE,WAAA,CAAA,QAAA,CAAS,GAAI,CAAA,CAAC,CAAM,KAAA;AAClB,QAAI,IAAA,CAAA,CAAE,OAAO,UAAY,EAAA;AACvB,UAAO,OAAA,IAAA,CAAA;AAAA,SAAA;AAET,QAAO,OAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAMf,EAAM,MAAA,mBAAA,GAAsB,CAAC,EAAe,KAAA;AAC1C,IAAA,MAAM,OAAO,QAAS,CAAA,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,EAAA,CAAA,CAAA;AAC3C,IAAA,IAAI,IAAM,EAAA;AACR,MACE,WAAA,CAAA,QAAA,CAAS,GAAI,CAAA,CAAC,CAAM,KAAA;AAClB,QAAI,IAAA,CAAA,CAAE,OAAO,EAAI,EAAA;AACf,UAAA,OAAO,iCACF,CADE,CAAA,EAAA;AAAA,YAEL,KAAA,EAAO,CAAC,CAAE,CAAA,KAAA;AAAA,WAAA,CAAA,CAAA;AAAA,SAAA;AAGd,QAAO,OAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,CAAA;AAMf,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAA;AAAA,IACA,mBAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useRotate.js","sources":["../../../../src/components/pointCloudView/hooks/useRotate.ts"],"sourcesContent":["import { useCallback, useContext } from 'react';\nimport { IAnnotationStateProps } from '@/store/annotation/map';\nimport { synchronizeBackView, synchronizeSideView } from './usePointCloudViews';\nimport { useSingleBox } from './useSingleBox';\nimport { PointCloudContext } from '../PointCloudContext';\nimport { cAnnotation } from '@labelbee/lb-annotation';\nimport { PointCloudUtils } from '@labelbee/lb-utils';\n\nconst { ERotateDirection } = cAnnotation;\n\n/**\n * PointCloud Rotate Hook\n * @returns\n */\nexport const useRotate = ({ currentData }: IAnnotationStateProps) => {\n  const ptCtx = useContext(PointCloudContext);\n  const { selectedBox, updateSelectedBox } = useSingleBox();\n\n  const updateRotate = useCallback(\n    (angle: number) => {\n      const { topViewInstance, mainViewInstance, syncAllViewPointCloudColor } = ptCtx;\n      if (!topViewInstance || !mainViewInstance) {\n        return;\n      }\n\n      const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n      const selectedPointCloudBox = selectedBox?.info;\n\n      if (!selectedPointCloudBox || !currentData?.url || !ptCtx.backViewInstance) {\n        return;\n      }\n\n      const newPointCloudList = updateSelectedBox({\n        rotation: PointCloudUtils.restrictAngleRange(\n          selectedPointCloudBox.rotation + Number(Math.PI * angle) / 180,\n        ),\n      });\n\n      TopPointCloudPolygonOperation.rotatePolygon(angle, ERotateDirection.Anticlockwise);\n      const selectedPolygon = TopPointCloudPolygonOperation.selectedPolygon;\n\n      mainViewInstance.generateBox(selectedPointCloudBox);\n      syncAllViewPointCloudColor(newPointCloudList);\n      synchronizeSideView(\n        selectedPointCloudBox,\n        selectedPolygon,\n        ptCtx.sideViewInstance,\n        currentData.url,\n      );\n      synchronizeBackView(\n        selectedPointCloudBox,\n        selectedPolygon,\n        ptCtx.backViewInstance,\n        currentData.url,\n      );\n      mainViewInstance.render();\n    },\n    [\n      ptCtx.selectedID,\n      ptCtx.pointCloudBoxList,\n      ptCtx.setPointCloudResult,\n      ptCtx.topViewInstance,\n      currentData,\n    ],\n  );\n\n  return { updateRotate };\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,CAAE,gBAAqB,CAAA,GAAA,WAAA,CAAA;AAMhB,MAAA,SAAA,GAAY,CAAC,CAAE,WAAyC,CAAA,KAAA;AACnE,EAAA,MAAM,QAAQ,UAAW,CAAA,iBAAA,CAAA,CAAA;AACzB,EAAM,MAAA,CAAE,aAAa,iBAAsB,CAAA,GAAA,YAAA,EAAA,CAAA;AAE3C,EAAM,MAAA,YAAA,GAAe,WACnB,CAAA,CAAC,KAAkB,KAAA;AACjB,IAAM,MAAA,CAAE,eAAiB,EAAA,gBAAA,EAAkB,0BAA+B,CAAA,GAAA,KAAA,CAAA;AAC1E,IAAI,IAAA,CAAC,eAAmB,IAAA,CAAC,gBAAkB,EAAA;AACzC,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,CAAE,uBAAuB,6BAAkC,CAAA,GAAA,eAAA,CAAA;AAEjE,IAAA,MAAM,wBAAwB,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,IAAA,CAAA;AAE3C,IAAA,IAAI,CAAC,qBAAyB,IAAA,6CAAc,GAAO,CAAA,IAAA,CAAC,MAAM,gBAAkB,EAAA;AAC1E,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,MAC1C,QAAA,EAAU,gBAAgB,kBACxB,CAAA,qBAAA,CAAsB,WAAW,MAAO,CAAA,IAAA,CAAK,KAAK,KAAS,CAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAI/D,IAA8B,6BAAA,CAAA,aAAA,CAAc,OAAO,gBAAiB,CAAA,aAAA,CAAA,CAAA;AACpE,IAAA,MAAM,kBAAkB,6BAA8B,CAAA,eAAA,CAAA;AAEtD,IAAA,gBAAA,CAAiB,WAAY,CAAA,qBAAA,CAAA,CAAA;AAC7B,IAA2B,0BAAA,CAAA,iBAAA,CAAA,CAAA;AAC3B,IAAA,mBAAA,CACE,qBACA,EAAA,eAAA,EACA,KAAM,CAAA,gBAAA,EACN,WAAY,CAAA,GAAA,CAAA,CAAA;AAEd,IAAA,mBAAA,CACE,qBACA,EAAA,eAAA,EACA,KAAM,CAAA,gBAAA,EACN,WAAY,CAAA,GAAA,CAAA,CAAA;AAEd,IAAiB,gBAAA,CAAA,MAAA,EAAA,CAAA;AAAA,GAEnB,EAAA;AAAA,IACE,KAAM,CAAA,UAAA;AAAA,IACN,KAAM,CAAA,iBAAA;AAAA,IACN,KAAM,CAAA,mBAAA;AAAA,IACN,KAAM,CAAA,eAAA;AAAA,IACN,WAAA;AAAA,GAAA,CAAA,CAAA;AAIJ,EAAA,OAAO,CAAE,YAAA,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"useRotate.js","sources":["../../../../src/components/pointCloudView/hooks/useRotate.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { IAnnotationStateProps } from '@/store/annotation/map';\nimport { synchronizeBackView, synchronizeSideView } from './usePointCloudViews';\nimport { useSingleBox } from './useSingleBox';\nimport { PointCloudContext } from '../PointCloudContext';\nimport { cAnnotation } from '@labelbee/lb-annotation';\nimport { PointCloudUtils } from '@labelbee/lb-utils';\nimport { useThrottleFn } from 'ahooks';\n\nconst { ERotateDirection } = cAnnotation;\n\n/**\n * PointCloud Rotate Hook\n * @returns\n */\nexport const useRotate = ({ currentData }: IAnnotationStateProps) => {\n  const ptCtx = useContext(PointCloudContext);\n  const { selectedBox, updateSelectedBox } = useSingleBox();\n  const { run: updateRotate } = useThrottleFn(\n    (angle: number) => {\n      const { topViewInstance, mainViewInstance, syncAllViewPointCloudColor } = ptCtx;\n      if (!topViewInstance || !mainViewInstance) {\n        return;\n      }\n\n      const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n      const selectedPointCloudBox = selectedBox?.info;\n\n      if (!selectedPointCloudBox || !currentData?.url || !ptCtx.backViewInstance) {\n        return;\n      }\n\n      const newPointCloudList = updateSelectedBox({\n        rotation: PointCloudUtils.restrictAngleRange(\n          selectedPointCloudBox.rotation + Number(Math.PI * angle) / 180,\n        ),\n      });\n\n      TopPointCloudPolygonOperation.rotatePolygon(angle, ERotateDirection.Anticlockwise);\n      const selectedPolygon = TopPointCloudPolygonOperation.selectedPolygon;\n\n      mainViewInstance.generateBox(selectedPointCloudBox);\n      syncAllViewPointCloudColor(newPointCloudList);\n      synchronizeSideView(\n        selectedPointCloudBox,\n        selectedPolygon,\n        ptCtx.sideViewInstance,\n        currentData.url,\n      );\n      synchronizeBackView(\n        selectedPointCloudBox,\n        selectedPolygon,\n        ptCtx.backViewInstance,\n        currentData.url,\n      );\n      mainViewInstance.render();\n    },\n    {\n      wait: 800,\n    }\n  );\n\n  return { \n    updateRotate,\n  };\n};\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,CAAE,gBAAqB,CAAA,GAAA,WAAA,CAAA;AAMhB,MAAA,SAAA,GAAY,CAAC,CAAE,WAAyC,CAAA,KAAA;AACnE,EAAA,MAAM,QAAQ,UAAW,CAAA,iBAAA,CAAA,CAAA;AACzB,EAAM,MAAA,CAAE,aAAa,iBAAsB,CAAA,GAAA,YAAA,EAAA,CAAA;AAC3C,EAAA,MAAM,CAAE,GAAA,EAAK,YAAiB,CAAA,GAAA,aAAA,CAC5B,CAAC,KAAkB,KAAA;AACjB,IAAM,MAAA,CAAE,eAAiB,EAAA,gBAAA,EAAkB,0BAA+B,CAAA,GAAA,KAAA,CAAA;AAC1E,IAAI,IAAA,CAAC,eAAmB,IAAA,CAAC,gBAAkB,EAAA;AACzC,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,CAAE,uBAAuB,6BAAkC,CAAA,GAAA,eAAA,CAAA;AAEjE,IAAA,MAAM,wBAAwB,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,IAAA,CAAA;AAE3C,IAAA,IAAI,CAAC,qBAAyB,IAAA,6CAAc,GAAO,CAAA,IAAA,CAAC,MAAM,gBAAkB,EAAA;AAC1E,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,MAC1C,QAAA,EAAU,gBAAgB,kBACxB,CAAA,qBAAA,CAAsB,WAAW,MAAO,CAAA,IAAA,CAAK,KAAK,KAAS,CAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAI/D,IAA8B,6BAAA,CAAA,aAAA,CAAc,OAAO,gBAAiB,CAAA,aAAA,CAAA,CAAA;AACpE,IAAA,MAAM,kBAAkB,6BAA8B,CAAA,eAAA,CAAA;AAEtD,IAAA,gBAAA,CAAiB,WAAY,CAAA,qBAAA,CAAA,CAAA;AAC7B,IAA2B,0BAAA,CAAA,iBAAA,CAAA,CAAA;AAC3B,IAAA,mBAAA,CACE,qBACA,EAAA,eAAA,EACA,KAAM,CAAA,gBAAA,EACN,WAAY,CAAA,GAAA,CAAA,CAAA;AAEd,IAAA,mBAAA,CACE,qBACA,EAAA,eAAA,EACA,KAAM,CAAA,gBAAA,EACN,WAAY,CAAA,GAAA,CAAA,CAAA;AAEd,IAAiB,gBAAA,CAAA,MAAA,EAAA,CAAA;AAAA,GAEnB,EAAA;AAAA,IACE,IAAM,EAAA,GAAA;AAAA,GAAA,CAAA,CAAA;AAIV,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,43 @@
+import { useContext, useMemo, useCallback } from 'react';
+import { PointCloudContext } from '../PointCloudContext.js';
+import _ from 'lodash';
+
+const useSphere = () => {
+  const {
+    pointCloudSphereList,
+    setPointCloudSphereList,
+    selectedID,
+    mainViewInstance
+  } = useContext(PointCloudContext);
+  const selectedSphere = useMemo(() => {
+    return pointCloudSphereList.find((v) => v.id === selectedID);
+  }, [selectedID, pointCloudSphereList]);
+  const getPointCloudSphereByID = useCallback((id) => {
+    return pointCloudSphereList.find((i) => i.id === id);
+  }, [pointCloudSphereList]);
+  const updatePointCloudSphere = useCallback((sphereParams) => {
+    const sphereIndex = pointCloudSphereList.findIndex((v) => v.id === sphereParams.id);
+    if (sphereIndex > -1) {
+      pointCloudSphereList.splice(sphereIndex, 1, _.merge(pointCloudSphereList[sphereIndex], sphereParams));
+      const newPointCloudSphereList = _.cloneDeep(pointCloudSphereList);
+      setPointCloudSphereList(newPointCloudSphereList);
+      return newPointCloudSphereList;
+    }
+    return pointCloudSphereList;
+  }, [pointCloudSphereList]);
+  const deletePointCloudSphere = useCallback((id) => {
+    const newPointCloudSphereList = pointCloudSphereList.filter((v) => v.id !== id);
+    setPointCloudSphereList(newPointCloudSphereList);
+    mainViewInstance == null ? void 0 : mainViewInstance.removeObjectByName(id);
+    mainViewInstance == null ? void 0 : mainViewInstance.render();
+  }, [pointCloudSphereList]);
+  return {
+    selectedSphere,
+    getPointCloudSphereByID,
+    updatePointCloudSphere,
+    deletePointCloudSphere
+  };
+};
+
+export { useSphere };
+//# sourceMappingURL=useSphere.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSphere.js","sources":["../../../../src/components/pointCloudView/hooks/useSphere.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react';\nimport { PointCloudContext } from '@/components/pointCloudView/PointCloudContext';\nimport _ from 'lodash';\n\nexport const useSphere = () => {\n  const {\n    pointCloudSphereList,\n    setPointCloudSphereList,\n    selectedID,\n    mainViewInstance,\n  } = useContext(PointCloudContext);\n\n  const selectedSphere = useMemo(() => {\n    return pointCloudSphereList.find((v) => v.id === selectedID)\n  }, [selectedID, pointCloudSphereList])\n\n  const getPointCloudSphereByID = useCallback(\n    (id: string) => {\n      return pointCloudSphereList.find((i) => i.id === id);\n    },\n    [pointCloudSphereList],\n  );\n\n  const updatePointCloudSphere = useCallback(\n    (sphereParams) => {\n      const sphereIndex = pointCloudSphereList.findIndex((v) => v.id === sphereParams.id)\n      if (sphereIndex > -1) {\n        pointCloudSphereList.splice(sphereIndex, 1, _.merge(pointCloudSphereList[sphereIndex], sphereParams));\n        const newPointCloudSphereList = _.cloneDeep(pointCloudSphereList);\n        setPointCloudSphereList(newPointCloudSphereList);\n        return newPointCloudSphereList;\n      }\n      return pointCloudSphereList\n    }, [pointCloudSphereList]\n  )\n\n  const deletePointCloudSphere = useCallback(\n    (id: string) => {\n      const newPointCloudSphereList = pointCloudSphereList.filter((v) => v.id !== id);\n      setPointCloudSphereList(newPointCloudSphereList);\n      mainViewInstance?.removeObjectByName(id);\n      mainViewInstance?.render();\n    }, [pointCloudSphereList]\n  )\n\n  return {\n    selectedSphere,\n    getPointCloudSphereByID,\n    updatePointCloudSphere,\n    deletePointCloudSphere,\n  }\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA;AAAA,IACJ,oBAAA;AAAA,IACA,uBAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,GAAA,GACE,UAAW,CAAA,iBAAA,CAAA,CAAA;AAEf,EAAM,MAAA,cAAA,GAAiB,QAAQ,MAAM;AACnC,IAAA,OAAO,oBAAqB,CAAA,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,UAAA,CAAA,CAAA;AAAA,GAAA,EAChD,CAAC,UAAY,EAAA,oBAAA,CAAA,CAAA,CAAA;AAEhB,EAAM,MAAA,uBAAA,GAA0B,WAC9B,CAAA,CAAC,EAAe,KAAA;AACd,IAAA,OAAO,oBAAqB,CAAA,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,EAAA,CAAA,CAAA;AAAA,GAAA,EAEnD,CAAC,oBAAA,CAAA,CAAA,CAAA;AAGH,EAAM,MAAA,sBAAA,GAAyB,WAC7B,CAAA,CAAC,YAAiB,KAAA;AAChB,IAAA,MAAM,cAAc,oBAAqB,CAAA,SAAA,CAAU,CAAC,CAAM,KAAA,CAAA,CAAE,OAAO,YAAa,CAAA,EAAA,CAAA,CAAA;AAChF,IAAA,IAAI,cAAc,CAAI,CAAA,EAAA;AACpB,MAAA,oBAAA,CAAqB,OAAO,WAAa,EAAA,CAAA,EAAG,CAAE,CAAA,KAAA,CAAM,qBAAqB,WAAc,CAAA,EAAA,YAAA,CAAA,CAAA,CAAA;AACvF,MAAM,MAAA,uBAAA,GAA0B,EAAE,SAAU,CAAA,oBAAA,CAAA,CAAA;AAC5C,MAAwB,uBAAA,CAAA,uBAAA,CAAA,CAAA;AACxB,MAAO,OAAA,uBAAA,CAAA;AAAA,KAAA;AAET,IAAO,OAAA,oBAAA,CAAA;AAAA,GAAA,EACN,CAAC,oBAAA,CAAA,CAAA,CAAA;AAGN,EAAM,MAAA,sBAAA,GAAyB,WAC7B,CAAA,CAAC,EAAe,KAAA;AACd,IAAA,MAAM,0BAA0B,oBAAqB,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,EAAA,CAAA,CAAA;AAC5E,IAAwB,uBAAA,CAAA,uBAAA,CAAA,CAAA;AACxB,IAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAkB,kBAAmB,CAAA,EAAA,CAAA,CAAA;AACrC,IAAkB,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,MAAA,EAAA,CAAA;AAAA,GAAA,EACjB,CAAC,oBAAA,CAAA,CAAA,CAAA;AAGN,EAAO,OAAA;AAAA,IACL,cAAA;AAAA,IACA,uBAAA;AAAA,IACA,sBAAA;AAAA,IACA,sBAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/es/components/predictTracking/predictTrackingIcon/index.js

@@ -43,22 +43,29 @@ const PredictTrackingIcon = (props) => {
       return;
     }
     yield dispatch(ChangeSave);
-    const boxes = yield dispatch(GetBoxesByID(selectedBoxTrackID));
+    const selectedBoxID = selectedBox == null ? void 0 : selectedBox.info.id;
+    const boxes = yield dispatch(GetBoxesByID(selectedBoxTrackID, selectedBoxID));
     if (boxes.length < 2) {
-      message.error(t("BeforePredictStarting"));
+      message.error(t("MarkOnlyOne"));
       return;
     }
-    const start = boxes[boxes.length - 2];
-    const end = boxes[boxes.length - 1];
+    const selectedBoxIDIndex = boxes.findIndex((item) => item.id === selectedBoxID);
+    const start = boxes[selectedBoxIDIndex - 1];
+    const end = boxes[selectedBoxIDIndex];
     const difference = end.index - start.index;
     if (difference < 2) {
-      message.error(t("BeforePredictStarting"));
+      message.error(t("HaveNoNeed"));
       return;
     }
     if (difference > 8) {
       message.error(t("ThePredictedPointCloud"));
       return;
     }
+    message.success(t("PredictingDataFrom", {
+      startPage: start.index + 1,
+      endPage: end.index + 1,
+      selectedBoxTrackID
+    }));
     SetPointCloudLoading(dispatch, true);
     const result = predict(start, end);
     SetPredictResult(dispatch, result);

package/es/components/predictTracking/predictTrackingIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/predictTracking/predictTrackingIcon/index.tsx"],"sourcesContent":["import { Button, message } from 'antd';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\n\nimport icon from '@/assets/predictTracking/icon.svg';\nimport { useSingleBox } from '@/components/pointCloudView/hooks/useSingleBox';\nimport { AppState } from '@/store';\nimport {\n  ChangeSave,\n  GetBoxesByID,\n  SetPointCloudLoading,\n  SetPredictResult,\n  SetPredictResultVisible,\n} from '@/store/annotation/actionCreators';\nimport { LabelBeeContext, useDispatch } from '@/store/ctx';\n\nimport { predict } from '../previewResult/util';\n\nconst PredictTrackingIcon = (props: { loading: boolean }) => {\n  const dispatch = useDispatch();\n  const { t } = useTranslation();\n\n  const { loading } = props;\n  const { selectedBox } = useSingleBox();\n\n  const handler = async () => {\n    if (loading) {\n      return;\n    }\n\n    const selectedBoxTrackID = selectedBox?.info.trackID;\n\n    if (!selectedBoxTrackID) {\n      message.error(t('BeforePredictStarting'));\n      return;\n    }\n\n    await dispatch(ChangeSave);\n\n    const boxes: any = await dispatch(GetBoxesByID(selectedBoxTrackID));\n\n    if (boxes.length < 2) {\n      message.error(t('BeforePredictStarting'));\n      return;\n    }\n\n    const start = boxes[boxes.length - 2];\n    const end = boxes[boxes.length - 1];\n\n    const difference = end.index - start.index;\n\n    if (difference < 2) {\n      message.error(t('BeforePredictStarting'));\n      return;\n    }\n\n    if (difference > 8) {\n      message.error(t('ThePredictedPointCloud'));\n      return;\n    }\n\n    SetPointCloudLoading(dispatch, true);\n    const result = predict(start, end);\n    SetPredictResult(dispatch, result);\n    SetPredictResultVisible(dispatch, true);\n  };\n\n  return (\n    <Button\n      type='link'\n      onClick={handler}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: 'auto',\n        alignItems: 'center',\n      }}\n    >\n      <img src={icon} style={{ alignSelf: 'center' }} />\n      <span style={{ color: '#797979' }}>{t('ComplementaryTracking')}</span>\n    </Button>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => {\n  return {\n    loading: state.annotation.loading,\n  };\n};\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(\n  PredictTrackingIcon,\n);\n"],"names":["this","icon"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/predictTracking/predictTrackingIcon/index.tsx"],"sourcesContent":["import { Button, message } from 'antd';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { connect } from 'react-redux';\n\nimport icon from '@/assets/predictTracking/icon.svg';\nimport { useSingleBox } from '@/components/pointCloudView/hooks/useSingleBox';\nimport { AppState } from '@/store';\nimport {\n  ChangeSave,\n  GetBoxesByID,\n  SetPointCloudLoading,\n  SetPredictResult,\n  SetPredictResultVisible,\n} from '@/store/annotation/actionCreators';\nimport { IPointCloudBoxWithIndex } from '@/store/annotation/types';\nimport { LabelBeeContext, useDispatch } from '@/store/ctx';\n\nimport { predict } from '../previewResult/util';\n\nconst PredictTrackingIcon = (props: { loading: boolean }) => {\n  const dispatch = useDispatch();\n  const { t } = useTranslation();\n\n  const { loading } = props;\n  const { selectedBox } = useSingleBox();\n\n  const handler = async () => {\n    if (loading) {\n      return;\n    }\n\n    const selectedBoxTrackID = selectedBox?.info.trackID;\n\n    if (!selectedBoxTrackID) {\n      message.error(t('BeforePredictStarting'));\n      return;\n    }\n\n    await dispatch(ChangeSave);\n\n    const selectedBoxID = selectedBox?.info.id;\n\n    const boxes: any = await dispatch(GetBoxesByID(selectedBoxTrackID, selectedBoxID));\n\n    if (boxes.length < 2) {\n      message.error(t('MarkOnlyOne'));\n      return;\n    }\n\n    const selectedBoxIDIndex = boxes.findIndex(\n      (item: IPointCloudBoxWithIndex) => item.id === selectedBoxID,\n    );\n\n    const start = boxes[selectedBoxIDIndex - 1];\n    const end = boxes[selectedBoxIDIndex];\n\n    const difference = end.index - start.index;\n\n    if (difference < 2) {\n      message.error(t('HaveNoNeed'));\n      return;\n    }\n\n    if (difference > 8) {\n      message.error(t('ThePredictedPointCloud'));\n      return;\n    }\n\n    message.success(\n      t('PredictingDataFrom', {\n        startPage: start.index + 1,\n        endPage: end.index + 1,\n        selectedBoxTrackID,\n      }),\n    );\n\n    SetPointCloudLoading(dispatch, true);\n    const result = predict(start, end);\n    SetPredictResult(dispatch, result);\n    SetPredictResultVisible(dispatch, true);\n  };\n\n  return (\n    <Button\n      type='link'\n      onClick={handler}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: 'auto',\n        alignItems: 'center',\n      }}\n    >\n      <img src={icon} style={{ alignSelf: 'center' }} />\n      <span style={{ color: '#797979' }}>{t('ComplementaryTracking')}</span>\n    </Button>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => {\n  return {\n    loading: state.annotation.loading,\n  };\n};\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(\n  PredictTrackingIcon,\n);\n"],"names":["this","icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,mBAAA,GAAsB,CAAC,KAAgC,KAAA;AAC3D,EAAA,MAAM,QAAW,GAAA,WAAA,EAAA,CAAA;AACjB,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AAEd,EAAA,MAAM,CAAE,OAAY,CAAA,GAAA,KAAA,CAAA;AACpB,EAAA,MAAM,CAAE,WAAgB,CAAA,GAAA,YAAA,EAAA,CAAA;AAExB,EAAA,MAAM,UAAU,MAAY,OAAA,CAAAA,SAAA,EAAA,IAAA,EAAA,aAAA;AAC1B,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,kBAAA,GAAqB,2CAAa,IAAK,CAAA,OAAA,CAAA;AAE7C,IAAA,IAAI,CAAC,kBAAoB,EAAA;AACvB,MAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,uBAAA,CAAA,CAAA,CAAA;AAChB,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAM,QAAS,CAAA,UAAA,CAAA,CAAA;AAEf,IAAM,MAAA,aAAA,GAAgB,2CAAa,IAAK,CAAA,EAAA,CAAA;AAExC,IAAA,MAAM,KAAa,GAAA,MAAM,QAAS,CAAA,YAAA,CAAa,kBAAoB,EAAA,aAAA,CAAA,CAAA,CAAA;AAEnE,IAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,MAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,aAAA,CAAA,CAAA,CAAA;AAChB,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAM,qBAAqB,KAAM,CAAA,SAAA,CAC/B,CAAC,IAAA,KAAkC,KAAK,EAAO,KAAA,aAAA,CAAA,CAAA;AAGjD,IAAM,MAAA,KAAA,GAAQ,MAAM,kBAAqB,GAAA,CAAA,CAAA,CAAA;AACzC,IAAA,MAAM,MAAM,KAAM,CAAA,kBAAA,CAAA,CAAA;AAElB,IAAM,MAAA,UAAA,GAAa,GAAI,CAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAA;AAErC,IAAA,IAAI,aAAa,CAAG,EAAA;AAClB,MAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,YAAA,CAAA,CAAA,CAAA;AAChB,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,IAAI,aAAa,CAAG,EAAA;AAClB,MAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,wBAAA,CAAA,CAAA,CAAA;AAChB,MAAA,OAAA;AAAA,KAAA;AAGF,IAAQ,OAAA,CAAA,OAAA,CACN,EAAE,oBAAsB,EAAA;AAAA,MACtB,SAAA,EAAW,MAAM,KAAQ,GAAA,CAAA;AAAA,MACzB,OAAA,EAAS,IAAI,KAAQ,GAAA,CAAA;AAAA,MACrB,kBAAA;AAAA,KAAA,CAAA,CAAA,CAAA;AAIJ,IAAA,oBAAA,CAAqB,QAAU,EAAA,IAAA,CAAA,CAAA;AAC/B,IAAM,MAAA,MAAA,GAAS,QAAQ,KAAO,EAAA,GAAA,CAAA,CAAA;AAC9B,IAAA,gBAAA,CAAiB,QAAU,EAAA,MAAA,CAAA,CAAA;AAC3B,IAAA,uBAAA,CAAwB,QAAU,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAGpC,EAAA,2CACG,MAAD,EAAA;AAAA,IACE,IAAK,EAAA,MAAA;AAAA,IACL,OAAS,EAAA,OAAA;AAAA,IACT,KAAO,EAAA;AAAA,MACL,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,MAAQ,EAAA,MAAA;AAAA,MACR,UAAY,EAAA,QAAA;AAAA,KAAA;AAAA,GAAA,sCAGb,KAAD,EAAA;AAAA,IAAK,GAAK,EAAAC,GAAA;AAAA,IAAM,KAAA,EAAO,CAAE,SAAW,EAAA,QAAA,CAAA;AAAA,GAAA,CAAA,sCACnC,MAAD,EAAA;AAAA,IAAM,KAAA,EAAO,CAAE,KAAO,EAAA,SAAA,CAAA;AAAA,GAAA,EAAc,CAAE,CAAA,uBAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAK5C,MAAM,eAAA,GAAkB,CAAC,KAAoB,KAAA;AAC3C,EAAO,OAAA;AAAA,IACL,OAAA,EAAS,MAAM,UAAW,CAAA,OAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAI9B,4BAAe,QAAQ,eAAiB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAC7D,CAAA,CAAA,CAAA,mBAAA,CAAA;;;;"}

package/es/components/predictTracking/previewResult/util.js

@@ -77,9 +77,9 @@ const cropAndEnlarge = (canvas, width, height, scale) => {
   newCtx == null ? void 0 : newCtx.drawImage(canvas, sx, sy, width, height, 0, 0, width * scale, height * scale);
   return newCanvas.toDataURL();
 };
-const getBoxesByTrackID = (imageList, targetStep, selectedBoxTrackID) => {
+const getBoxesByTrackID = (imageList, targetStep, selectedBoxTrackID, selectedBoxID) => {
   const matchingBoxes = [];
-  imageList.forEach((element, index) => {
+  imageList.some((element, index) => {
     var _a;
     const fileResult = jsonParser(element == null ? void 0 : element.result);
     const stepResult = (_a = fileResult == null ? void 0 : fileResult[`step_${targetStep}`]) == null ? void 0 : _a.result;
@@ -87,6 +87,7 @@ const getBoxesByTrackID = (imageList, targetStep, selectedBoxTrackID) => {
     if (box) {
       matchingBoxes.push(__spreadProps(__spreadValues({}, box), {index}));
     }
+    return (box == null ? void 0 : box.id) === selectedBoxID;
   });
   return matchingBoxes;
 };
@@ -117,7 +118,7 @@ const predict = (start, end) => {
       }
       acc[key] = map[key][i];
       return acc;
-    }, __spreadProps(__spreadValues({}, start), {id: uuid(), center: nextCenter}));
+    }, __spreadProps(__spreadValues({}, end), {id: uuid(), center: nextCenter}));
     result.push(nextValue);
   }
   return result;

package/es/components/predictTracking/previewResult/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../src/components/predictTracking/previewResult/util.ts"],"sourcesContent":["import { IPointCloudBoxWithIndex } from '@/store/annotation/types';\nimport { IFileItem } from '@/types/data';\nimport { jsonParser } from '@/utils';\nimport { PointCloud, uuid } from '@labelbee/lb-annotation';\nimport { EPerspectiveView, IPointCloudBox } from '@labelbee/lb-utils';\n\nconst EXAMPLE_IMAGE_SIZE = {\n  width: 160,\n  height: 110,\n} as const;\n\n/**\n * Returns a data URL for an image of the rendered point cloud.\n * @param renderer - The PointCloud renderer to use.\n * @param zoom - The zoom level of the image. Defaults to 2.\n * @returns A Promise resolving to a string data URL of the rendered image.\n */\nconst getDataUrl = async (renderer: PointCloud['renderer'], zoom = 2) => {\n  return cropAndEnlarge(\n    renderer.domElement,\n    EXAMPLE_IMAGE_SIZE.width,\n    EXAMPLE_IMAGE_SIZE.height,\n    zoom,\n  );\n};\n\n/**\n * Returns a Promise that resolves after the specified duration.\n * @param ms - The duration to sleep, in milliseconds.\n * @returns A Promise that resolves after `ms` milliseconds.\n */\nexport const sleep = (time = 300) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve('');\n    }, time);\n  });\n};\n\nexport const views = [EPerspectiveView.Top, EPerspectiveView.Left, EPerspectiveView.Back] as const;\n\ninterface viewDataUrl {\n  [EPerspectiveView.Top]?: string;\n  [EPerspectiveView.Left]?: string;\n  [EPerspectiveView.Back]?: string;\n}\n\nexport type IBox = IPointCloudBoxWithIndex & viewDataUrl;\n\n/**\n * Generates data URLs for each view of a given point cloud object using the provided box and zoom level.\n *\n * @param {PointCloud} pointCloud - The point cloud object to generate data URLs for.\n * @param {IBox} box - An object representing the bounding box to use for calculating camera position.\n * @param {number} zoom - The zoom level to use when generating data URLs.\n * @returns {Promise<void>} - A promise that resolves once all data URLs have been generated.\n */\nexport const getViewsDataUrl = async (pointCloud: PointCloud, box: IBox, zoom: number) => {\n  for (const view of views) {\n    await pointCloud.updateCameraByBox(box, view);\n    box[view] = await getDataUrl(pointCloud.renderer, zoom);\n  }\n};\n\n/**\n * Creates a new canvas, crops and enlarges an existing canvas, draws the cropped and enlarged image onto the new canvas,\n * and returns the data URL of the new canvas.\n *\n * @param {HTMLCanvasElement} canvas - The original canvas to be cropped and enlarged\n * @param {number} width - The width of the area to be cropped from the center of the original canvas\n * @param {number} height - The height of the area to be cropped from the center of the original canvas\n * @param {number} scale - The amount by which to enlarge the cropped area\n * @returns {string} - A data URL of the cropped and enlarged image\n */\nconst cropAndEnlarge = (\n  canvas: HTMLCanvasElement,\n  width: number,\n  height: number,\n  scale: number,\n): string => {\n  if (!canvas) {\n    return '';\n  }\n  const centerX = canvas.width / 2;\n  const centerY = canvas.height / 2;\n  // Calculate starting coordinates for cropping\n  const sx = centerX - width / 2;\n  const sy = centerY - height / 2;\n\n  // Create a new canvas for the cropped and enlarged image\n  const newCanvas = document.createElement('canvas');\n  newCanvas.width = width * scale;\n  newCanvas.height = height * scale;\n\n  // Draw the cropped and enlarged image onto the new canvas\n  const newCtx = newCanvas.getContext('2d');\n  newCtx?.drawImage(canvas, sx, sy, width, height, 0, 0, width * scale, height * scale);\n\n  // Convert the new canvas to a data URL and return it\n  return newCanvas.toDataURL();\n};\n\n/**\n * Retrieve boxes with a specific trackID from an array of file items.\n *\n * @param {Array} imageList - An array of file items to search through.\n * @param {Number} targetStep - The step number within the result object to retrieve boxes from.\n * @param {Number} selectedBoxTrackID - The trackID to match when searching for boxes.\n * @return {Array} An array of point cloud boxes that match the provided trackID, along with their index in the original array.\n */\nexport const getBoxesByTrackID = (\n  imageList: IFileItem[],\n  targetStep: number,\n  selectedBoxTrackID: number,\n) => {\n  const matchingBoxes: IPointCloudBoxWithIndex[] = [];\n  imageList.forEach((element, index) => {\n    const fileResult = jsonParser(element?.result);\n    const stepResult = fileResult?.[`step_${targetStep}`]?.result;\n    const box = stepResult?.find((item: IPointCloudBox) => item.trackID === selectedBoxTrackID);\n    if (box) {\n      matchingBoxes.push({ ...box, index });\n    }\n  });\n\n  return matchingBoxes;\n};\n\n/**\n * Calculate predicted values for each field in between the start and end points.\n * @param {IPointCloudBoxWithIndex} start - The starting point, should have the same properties as IPointCloudBoxWithIndex.\n * @param {IPointCloudBoxWithIndex} end - The ending point, should have the same properties as IPointCloudBoxWithIndex.\n * @returns {IPointCloudBox[]} An array of objects with the same properties as IPointCloudBox, containing interpolated values between the start and end points for each field.\n */\nexport const predict = (start: IPointCloudBoxWithIndex, end: IPointCloudBoxWithIndex) => {\n  const diff = end.index - start.index;\n  const len = diff - 1;\n  const result: IPointCloudBox[] = [];\n  const map: { [key: string]: number[] } = {};\n  const centerKeys = ['x', 'y', 'z'] as const;\n  const predictKeys = ['center', 'depth', 'height', 'index', 'rotation', 'width'] as const;\n\n  centerKeys.forEach((key) => {\n    map[key] = getInteriorNumbersByStartAndEnd(start.center[key], end.center[key], len);\n  });\n\n  predictKeys.forEach((key) => {\n    if (key === 'center') {\n      return;\n    }\n    map[key] = getInteriorNumbersByStartAndEnd(start[key], end[key], len);\n  });\n\n  for (let i = 0; i < len; i++) {\n    const nextCenter = centerKeys.reduce(\n      (acc, key) => {\n        acc[key] = map[key][i];\n        return acc;\n      },\n      { x: 0, y: 0, z: 0 },\n    );\n\n    const nextValue = predictKeys.reduce(\n      (acc, key) => {\n        if (key === 'center') {\n          return acc;\n        }\n        acc[key] = map[key][i];\n        return acc;\n      },\n      { ...start, id: uuid(), center: nextCenter },\n    );\n\n    result.push(nextValue);\n  }\n\n  return result;\n};\n\n/**\n * Calculate an array of numbers between the start and end values.\n * @param {number} [start=0] - The starting value. Defaults to 0 if not specified.\n * @param {number} [end=0] - The ending value. Defaults to 0 if not specified.\n * @param {number} [length=0] - The number of values to calculate between the start and end points. Defaults to 0 if not specified.\n * @returns {number[]} An array of numbers, containing interpolated values between the start and end points.\n */\nconst getInteriorNumbersByStartAndEnd = (start = 0, end = 0, length = 0): number[] => {\n  const step = (end - start) / (length + 1);\n  const resultArr = new Array(length);\n  for (let i = 0; i < length; i++) {\n    resultArr[i] = start + step * (i + 1);\n  }\n  return resultArr;\n};\n"],"names":["this"],"mappings":"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"}
+{"version":3,"file":"util.js","sources":["../../../../src/components/predictTracking/previewResult/util.ts"],"sourcesContent":["import { IPointCloudBoxWithIndex } from '@/store/annotation/types';\nimport { IFileItem } from '@/types/data';\nimport { jsonParser } from '@/utils';\nimport { PointCloud, uuid } from '@labelbee/lb-annotation';\nimport { EPerspectiveView, IPointCloudBox } from '@labelbee/lb-utils';\n\nconst EXAMPLE_IMAGE_SIZE = {\n  width: 160,\n  height: 110,\n} as const;\n\n/**\n * Returns a data URL for an image of the rendered point cloud.\n * @param renderer - The PointCloud renderer to use.\n * @param zoom - The zoom level of the image. Defaults to 2.\n * @returns A Promise resolving to a string data URL of the rendered image.\n */\nconst getDataUrl = async (renderer: PointCloud['renderer'], zoom = 2) => {\n  return cropAndEnlarge(\n    renderer.domElement,\n    EXAMPLE_IMAGE_SIZE.width,\n    EXAMPLE_IMAGE_SIZE.height,\n    zoom,\n  );\n};\n\n/**\n * Returns a Promise that resolves after the specified duration.\n * @param ms - The duration to sleep, in milliseconds.\n * @returns A Promise that resolves after `ms` milliseconds.\n */\nexport const sleep = (time = 300) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve('');\n    }, time);\n  });\n};\n\nexport const views = [EPerspectiveView.Top, EPerspectiveView.Left, EPerspectiveView.Back] as const;\n\ninterface viewDataUrl {\n  [EPerspectiveView.Top]?: string;\n  [EPerspectiveView.Left]?: string;\n  [EPerspectiveView.Back]?: string;\n}\n\nexport type IBox = IPointCloudBoxWithIndex & viewDataUrl;\n\n/**\n * Generates data URLs for each view of a given point cloud object using the provided box and zoom level.\n *\n * @param {PointCloud} pointCloud - The point cloud object to generate data URLs for.\n * @param {IBox} box - An object representing the bounding box to use for calculating camera position.\n * @param {number} zoom - The zoom level to use when generating data URLs.\n * @returns {Promise<void>} - A promise that resolves once all data URLs have been generated.\n */\nexport const getViewsDataUrl = async (pointCloud: PointCloud, box: IBox, zoom: number) => {\n  for (const view of views) {\n    await pointCloud.updateCameraByBox(box, view);\n    box[view] = await getDataUrl(pointCloud.renderer, zoom);\n  }\n};\n\n/**\n * Creates a new canvas, crops and enlarges an existing canvas, draws the cropped and enlarged image onto the new canvas,\n * and returns the data URL of the new canvas.\n *\n * @param {HTMLCanvasElement} canvas - The original canvas to be cropped and enlarged\n * @param {number} width - The width of the area to be cropped from the center of the original canvas\n * @param {number} height - The height of the area to be cropped from the center of the original canvas\n * @param {number} scale - The amount by which to enlarge the cropped area\n * @returns {string} - A data URL of the cropped and enlarged image\n */\nconst cropAndEnlarge = (\n  canvas: HTMLCanvasElement,\n  width: number,\n  height: number,\n  scale: number,\n): string => {\n  if (!canvas) {\n    return '';\n  }\n  const centerX = canvas.width / 2;\n  const centerY = canvas.height / 2;\n  // Calculate starting coordinates for cropping\n  const sx = centerX - width / 2;\n  const sy = centerY - height / 2;\n\n  // Create a new canvas for the cropped and enlarged image\n  const newCanvas = document.createElement('canvas');\n  newCanvas.width = width * scale;\n  newCanvas.height = height * scale;\n\n  // Draw the cropped and enlarged image onto the new canvas\n  const newCtx = newCanvas.getContext('2d');\n  newCtx?.drawImage(canvas, sx, sy, width, height, 0, 0, width * scale, height * scale);\n\n  // Convert the new canvas to a data URL and return it\n  return newCanvas.toDataURL();\n};\n\n/**\n * Retrieve boxes with a specific trackID from an array of file items.\n *\n * @param {Array} imageList - An array of file items to search through.\n * @param {Number} targetStep - The step number within the result object to retrieve boxes from.\n * @param {Number} selectedBoxTrackID - The trackID to match when searching for boxes.\n * @param {string} selectedBoxID - The selected BoxID.\n * @return {Array} An array of point cloud boxes that match the provided trackID, along with their index in the original array.\n */\nexport const getBoxesByTrackID = (\n  imageList: IFileItem[],\n  targetStep: number,\n  selectedBoxTrackID: number,\n  selectedBoxID: string,\n) => {\n  const matchingBoxes: IPointCloudBoxWithIndex[] = [];\n  imageList.some((element, index) => {\n    const fileResult = jsonParser(element?.result);\n    const stepResult = fileResult?.[`step_${targetStep}`]?.result;\n    const box = stepResult?.find((item: IPointCloudBox) => item.trackID === selectedBoxTrackID);\n    if (box) {\n      matchingBoxes.push({ ...box, index });\n    }\n    return box?.id === selectedBoxID;\n  });\n\n  return matchingBoxes;\n};\n\n/**\n * Calculate predicted values for each field in between the start and end points.\n * @param {IPointCloudBoxWithIndex} start - The starting point, should have the same properties as IPointCloudBoxWithIndex.\n * @param {IPointCloudBoxWithIndex} end - The ending point, should have the same properties as IPointCloudBoxWithIndex.\n * @returns {IPointCloudBox[]} An array of objects with the same properties as IPointCloudBox, containing interpolated values between the start and end points for each field.\n */\nexport const predict = (start: IPointCloudBoxWithIndex, end: IPointCloudBoxWithIndex) => {\n  const diff = end.index - start.index;\n  const len = diff - 1;\n  const result: IPointCloudBox[] = [];\n  const map: { [key: string]: number[] } = {};\n  const centerKeys = ['x', 'y', 'z'] as const;\n  const predictKeys = ['center', 'depth', 'height', 'index', 'rotation', 'width'] as const;\n\n  centerKeys.forEach((key) => {\n    map[key] = getInteriorNumbersByStartAndEnd(start.center[key], end.center[key], len);\n  });\n\n  predictKeys.forEach((key) => {\n    if (key === 'center') {\n      return;\n    }\n    map[key] = getInteriorNumbersByStartAndEnd(start[key], end[key], len);\n  });\n\n  for (let i = 0; i < len; i++) {\n    const nextCenter = centerKeys.reduce(\n      (acc, key) => {\n        acc[key] = map[key][i];\n        return acc;\n      },\n      { x: 0, y: 0, z: 0 },\n    );\n\n    const nextValue = predictKeys.reduce(\n      (acc, key) => {\n        if (key === 'center') {\n          return acc;\n        }\n        acc[key] = map[key][i];\n        return acc;\n      },\n      { ...end, id: uuid(), center: nextCenter },\n    );\n\n    result.push(nextValue);\n  }\n\n  return result;\n};\n\n/**\n * Calculate an array of numbers between the start and end values.\n * @param {number} [start=0] - The starting value. Defaults to 0 if not specified.\n * @param {number} [end=0] - The ending value. Defaults to 0 if not specified.\n * @param {number} [length=0] - The number of values to calculate between the start and end points. Defaults to 0 if not specified.\n * @returns {number[]} An array of numbers, containing interpolated values between the start and end points.\n */\nconst getInteriorNumbersByStartAndEnd = (start = 0, end = 0, length = 0): number[] => {\n  const step = (end - start) / (length + 1);\n  const resultArr = new Array(length);\n  for (let i = 0; i < length; i++) {\n    resultArr[i] = start + step * (i + 1);\n  }\n  return resultArr;\n};\n"],"names":["this"],"mappings":"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"}

package/es/utils/colorUtils.js

@@ -0,0 +1,15 @@
+const toRGBAObj = (rgbStr) => {
+  if (!rgbStr) {
+    return;
+  }
+  const match = rgbStr.replace(/[rgba()]/g, "").split(",");
+  if (match) {
+    const [r, g, b, a] = match;
+    return {r: Number(r), g: Number(g), b: Number(b), a: Number(a)};
+  }
+  return void 0;
+};
+const toRGBAStr = (color) => `rgba(${color.r},${color.g},${color.b},${color.a})`;
+
+export { toRGBAObj, toRGBAStr };
+//# sourceMappingURL=colorUtils.js.map

package/es/utils/colorUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.js","sources":["../../src/utils/colorUtils.ts"],"sourcesContent":["/**\n * transform rgba(a,g,b), to {r,g,b,a}\n * @param color\n */\nexport const toRGBAObj = (rgbStr: string | undefined) => {\n  if (!rgbStr) {\n    return;\n  }\n  const match = rgbStr.replace(/[rgba()]/g, '').split(',');\n  if (match) {\n    const [r, g, b, a] = match;\n    return { r: Number(r), g: Number(g), b: Number(b), a: Number(a) };\n  }\n  return undefined;\n};\n\n/**\n * transform {a,g,b,a} to rgba{r,g,b,a}\n * @param color\n */\nexport const toRGBAStr = (color: { r: number; g: number; b: number; a: number }) =>\n  `rgba(${color.r},${color.g},${color.b},${color.a})`;\n"],"names":[],"mappings":"AAIa,MAAA,SAAA,GAAY,CAAC,MAA+B,KAAA;AACvD,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAA,OAAA;AAAA,GAAA;AAEF,EAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,OAAQ,CAAA,WAAA,EAAa,IAAI,KAAM,CAAA,GAAA,CAAA,CAAA;AACpD,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,MAAM,CAAC,CAAA,EAAG,CAAG,EAAA,CAAA,EAAG,CAAK,CAAA,GAAA,KAAA,CAAA;AACrB,IAAO,OAAA,CAAE,CAAG,EAAA,MAAA,CAAO,CAAI,CAAA,EAAA,CAAA,EAAG,MAAO,CAAA,CAAA,CAAA,EAAI,CAAG,EAAA,MAAA,CAAO,CAAI,CAAA,EAAA,CAAA,EAAG,MAAO,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAE/D,EAAO,OAAA,KAAA,CAAA,CAAA;AAAA,EAAA;AAOI,MAAA,SAAA,GAAY,CAAC,KAAA,KACxB,CAAQ,KAAA,EAAA,KAAA,CAAM,KAAK,KAAM,CAAA,CAAA,CAAA,CAAA,EAAK,KAAM,CAAA,CAAA,CAAA,CAAA,EAAK,KAAM,CAAA,CAAA,CAAA,CAAA;;;;"}

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/cuboid/index.js

@@ -0,0 +1,24 @@
+import { backward, forward, dargWithRightClick, scale, saveResult, restore, revoke, rotate, setValid, hidden } from '../common/index.js';
+import { drawRect, drawInvalidRect, selectRect, deleteRect, changeValid, changeValidByClick } from '../rectToolShortCutTable/index.js';
+
+const cuboidShortCutTable = [
+  backward,
+  forward,
+  drawRect,
+  drawInvalidRect,
+  dargWithRightClick,
+  selectRect,
+  deleteRect,
+  changeValid,
+  changeValidByClick,
+  scale,
+  saveResult,
+  restore,
+  revoke,
+  rotate,
+  setValid,
+  hidden
+];
+
+export { cuboidShortCutTable as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolFooter/FooterTips/ToolHotKey/cuboid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/views/MainView/toolFooter/FooterTips/ToolHotKey/cuboid/index.tsx"],"sourcesContent":["import {\n  backward,\n  dargWithRightClick,\n  forward,\n  restore,\n  revoke,\n  rotate,\n  setValid,\n  hidden,\n  scale,\n  saveResult,\n} from '../common';\nimport {\n  changeValid,\n  changeValidByClick,\n  selectRect,\n  deleteRect,\n  drawInvalidRect,\n  drawRect,\n} from '../rectToolShortCutTable';\n\nconst cuboidShortCutTable = [\n  backward,\n  forward,\n\n  // Temporary reuse of react tool icons\n  drawRect,\n  drawInvalidRect,\n  dargWithRightClick,\n  selectRect,\n  deleteRect,\n  changeValid,\n  changeValidByClick,\n\n  scale,\n  saveResult,\n  restore,\n  revoke,\n  rotate,\n  setValid,\n  hidden,\n];\n\nexport default cuboidShortCutTable;\n"],"names":[],"mappings":";;;AAqBA,MAAM,mBAAsB,GAAA;AAAA,EAC1B,QAAA;AAAA,EACA,OAAA;AAAA,EAGA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,kBAAA;AAAA,EAEA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA;;;;"}

package/es/views/MainView/toolHeader/SwitchPattern/index.js

@@ -0,0 +1,54 @@
+import React, { useContext } from 'react';
+import { EPointCloudName } from '@labelbee/lb-annotation';
+import { EPointCloudPattern } from '@labelbee/lb-utils';
+import { Button } from 'antd';
+import { connect } from 'react-redux';
+import { LabelBeeContext } from '../../../../store/ctx.js';
+import { PointCloudContext } from '../../../../components/pointCloudView/PointCloudContext.js';
+
+const SwitchPattern = ({toolName}) => {
+  const {
+    globalPattern,
+    setGlobalPattern,
+    setTopViewInstance,
+    setSideViewInstance,
+    setBackViewInstance,
+    setMainViewInstance
+  } = useContext(PointCloudContext);
+  if (toolName !== EPointCloudName.PointCloud) {
+    return null;
+  }
+  const clearDetection = () => {
+    setTopViewInstance(void 0);
+    setSideViewInstance(void 0);
+    setBackViewInstance(void 0);
+    setMainViewInstance(void 0);
+  };
+  const updateDetection = () => {
+    setGlobalPattern(EPointCloudPattern.Detection);
+    clearDetection();
+  };
+  const updateSegmentation = () => {
+    setGlobalPattern(EPointCloudPattern.Segmentation);
+    clearDetection();
+  };
+  return /* @__PURE__ */ React.createElement("span", {
+    style: {margin: "0 10px"}
+  }, /* @__PURE__ */ React.createElement(Button, {
+    type: globalPattern === EPointCloudPattern.Detection ? "primary" : void 0,
+    onClick: updateDetection
+  }, "\u68C0\u6D4B\u6A21\u5F0F"), /* @__PURE__ */ React.createElement(Button, {
+    type: globalPattern === EPointCloudPattern.Segmentation ? "primary" : void 0,
+    onClick: updateSegmentation
+  }, "\u5206\u5272\u6A21\u5F0F"));
+};
+const mapStateToProps = (state) => {
+  var _a, _b;
+  return {
+    toolName: (_b = (_a = state.annotation.stepList[state.annotation.step - 1]) == null ? void 0 : _a.tool) != null ? _b : ""
+  };
+};
+var SwitchPattern$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(SwitchPattern);
+
+export { SwitchPattern$1 as default };
+//# sourceMappingURL=index.js.map

package/es/views/MainView/toolHeader/SwitchPattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/MainView/toolHeader/SwitchPattern/index.tsx"],"sourcesContent":["/**\n * Switch Pattern in PointCloudTool\n *\n * 1. Direction\n * 2. Segmentation\n */\nimport React, { useContext } from 'react';\nimport { EPointCloudName } from '@labelbee/lb-annotation';\nimport { EPointCloudPattern } from '@labelbee/lb-utils';\nimport { Button } from 'antd';\nimport { AppState } from '@/store';\nimport { connect } from 'react-redux';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { PointCloudContext } from '@/components/pointCloudView/PointCloudContext';\n\ninterface IProps {\n  toolName: string;\n}\n\nconst SwitchPattern = ({ toolName }: IProps) => {\n  const {\n    globalPattern,\n    setGlobalPattern,\n    setTopViewInstance,\n    setSideViewInstance,\n    setBackViewInstance,\n    setMainViewInstance,\n  } = useContext(PointCloudContext);\n\n  if (toolName !== EPointCloudName.PointCloud) {\n    return null;\n  }\n\n  const clearDetection = () => {\n    setTopViewInstance(undefined);\n    setSideViewInstance(undefined);\n    setBackViewInstance(undefined);\n    setMainViewInstance(undefined);\n  };\n\n  const updateDetection = () => {\n    setGlobalPattern(EPointCloudPattern.Detection);\n    clearDetection();\n  };\n  const updateSegmentation = () => {\n    setGlobalPattern(EPointCloudPattern.Segmentation);\n    clearDetection();\n  };\n\n  return (\n    <span style={{ margin: '0 10px' }}>\n      <Button\n        type={globalPattern === EPointCloudPattern.Detection ? 'primary' : undefined}\n        onClick={updateDetection}\n      >\n        检测模式\n      </Button>\n      <Button\n        type={globalPattern === EPointCloudPattern.Segmentation ? 'primary' : undefined}\n        onClick={updateSegmentation}\n      >\n        分割模式\n      </Button>\n    </span>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => ({\n  toolName: state.annotation.stepList[state.annotation.step - 1]?.tool ?? '',\n});\n\nexport default connect(mapStateToProps, null, null, { context: LabelBeeContext })(SwitchPattern);\n"],"names":[],"mappings":";;;;;;;;AAmBA,MAAM,aAAA,GAAgB,CAAC,CAAE,QAAuB,CAAA,KAAA;AAC9C,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,mBAAA;AAAA,IACA,mBAAA;AAAA,IACA,mBAAA;AAAA,GAAA,GACE,UAAW,CAAA,iBAAA,CAAA,CAAA;AAEf,EAAI,IAAA,QAAA,KAAa,gBAAgB,UAAY,EAAA;AAC3C,IAAO,OAAA,IAAA,CAAA;AAAA,GAAA;AAGT,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAmB,kBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACnB,IAAoB,mBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACpB,IAAoB,mBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACpB,IAAoB,mBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAGtB,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,gBAAA,CAAiB,kBAAmB,CAAA,SAAA,CAAA,CAAA;AACpC,IAAA,cAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAEF,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,gBAAA,CAAiB,kBAAmB,CAAA,YAAA,CAAA,CAAA;AACpC,IAAA,cAAA,EAAA,CAAA;AAAA,GAAA,CAAA;AAGF,EAAA,2CACG,MAAD,EAAA;AAAA,IAAM,KAAA,EAAO,CAAE,MAAQ,EAAA,QAAA,CAAA;AAAA,GAAA,sCACpB,MAAD,EAAA;AAAA,IACE,IAAM,EAAA,aAAA,KAAkB,kBAAmB,CAAA,SAAA,GAAY,SAAY,GAAA,KAAA,CAAA;AAAA,IACnE,OAAS,EAAA,eAAA;AAAA,GACV,EAAA,0BAAA,CAAA,sCAGA,MAAD,EAAA;AAAA,IACE,IAAM,EAAA,aAAA,KAAkB,kBAAmB,CAAA,YAAA,GAAe,SAAY,GAAA,KAAA,CAAA;AAAA,IACtE,OAAS,EAAA,kBAAA;AAAA,GACV,EAAA,0BAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAOP,MAAM,eAAA,GAAkB,CAAC,KAAiB,KAAA;AAnE1C,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAmE8C,EAAA,OAAA;AAAA,IAC5C,QAAA,EAAU,CAAM,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,UAAA,CAAW,QAAS,CAAA,KAAA,CAAM,WAAW,IAAO,GAAA,CAAA,CAAA,KAAlD,IAAsD,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,KAAtD,IAA8D,GAAA,EAAA,GAAA,EAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAG1E,sBAAe,QAAQ,eAAiB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAAmB,CAAA,CAAA,CAAA,aAAA,CAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.9.1-alpha.1",
+  "version": "1.9.1",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -41,8 +41,8 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "^1.13.1-alpha.0",
-    "@labelbee/lb-utils": "^1.6.1-alpha.0",
+    "@labelbee/lb-annotation": "^1.13.1",
+    "@labelbee/lb-utils": "^1.6.1",
     "ahooks": "^3.4.0",
     "classnames": "^2.3.0",
     "lodash": "^4.17.21",
@@ -97,5 +97,5 @@
       "path": "node_modules/cz-conventional-changelog"
     }
   },
-  "gitHead": "d97831322bbab5c86cb12a1abadd0a34d351ab9f"
+  "gitHead": "c95b85c66f2aa6de4a53a2745765c043e7ab113d"
 }