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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$5=require("../../../constant/index.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),reducer=require("../../../store/annotation/reducer.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),ctx=require("../../../store/ctx.js"),index=require("./FooterTips/index.js"),index$1=require("./HiddenTips/index.js"),index$2=require("./PageNumber/index.js"),index$3=require("./ZoomController/index.js"),Pagination=require("./Pagination.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$4=require("./FooterTips/ToolHotKey/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EPointCloudName}=lbAnnotation.cTool,footerCls=`${index$5.prefix}-footer`,FooterDivider=()=>React__default.default.createElement(es.Divider,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}}),renderFooter=({footerTips:e,hiddenTips:a,pageNumber:i,pagination:l,zoomController:n,curItems:u,footerDivider:s})=>React__default.default.createElement(React__default.default.Fragment,null,e,React__default.default.createElement("div",{style:{flex:1}}),a,i,l,u,s,n),ToolFooter=e=>{var a;const{stepList:i,step:l,basicResultList:n,basicIndex:u,mode:s="light",footer:o=renderFooter,skipBeforePageTurning:t}=e,r=ctx.useDispatch(),{t:g}=reactI18next.useTranslation(),c=(a=i[l-1])!=null?a:{},m=!!c.dataSourceStep,x=()=>{if(t){t(()=>r(actionCreators.PageBackward()));return}r(actionCreators.PageBackward())},p=()=>{if(t){t(()=>r(actionCreators.PageForward()));return}r(actionCreators.PageForward())},v=b=>{const f=~~b-1;if(t){t(()=>r(actionCreators.PageJump(f)));return}r(actionCreators.PageJump(f))},d=React__default.default.createElement(Pagination.Pagination,{imgIndex:e.imgIndex,totalPage:e.totalPage,pageJump:v,pageBackward:x,pageForward:p,footerCls}),P=m&&n.length>0?React__default.default.createElement("span",null,g("curItems",{current:u+1,total:n.length})):null;return typeof o=="function"?o===renderFooter&&c.tool===EPointCloudName.PointCloud?React__default.default.createElement("div",{className:`${footerCls}`,style:e.style},React__default.default.createElement(index,null),React__default.default.createElement("div",{style:{flex:1}}),d):React__default.default.createElement("div",{className:`${footerCls}`,style:e.style},o({footerTips:React__default.default.createElement(index,null),hiddenTips:React__default.default.createElement(index$1,null),pageNumber:React__default.default.createElement(index$2,null),pagination:d,zoomController:React__default.default.createElement(index$3.default,{mode:s}),curItems:P,footerDivider:React__default.default.createElement(FooterDivider,null),shortCutTable:index$4.shortCutTable,ToolHotKeyCom:index$4.ToolHotKeyCom})):o},mapStateToProps=e=>({totalPage:reducer.getTotalPage(e.annotation),imgIndex:e.annotation.imgIndex,stepList:e.annotation.stepList,step:e.annotation.step,basicIndex:e.annotation.basicIndex,basicResultList:e.annotation.basicResultList,skipBeforePageTurning:e.annotation.skipBeforePageTurning});var ToolFooter$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(ToolFooter);exports.FooterDivider=FooterDivider,exports.default=ToolFooter$1,exports.footerCls=footerCls;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$6=require("../../../constant/index.js"),actionCreators=require("../../../store/annotation/actionCreators.js"),reducer=require("../../../store/annotation/reducer.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),ctx=require("../../../store/ctx.js"),index=require("./FooterTips/index.js"),index$2=require("./HiddenTips/index.js"),index$3=require("./PageNumber/index.js"),index$4=require("./ZoomController/index.js"),Pagination=require("./Pagination.js"),index$1=require("./AnnotatedAttributes/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$5=require("./FooterTips/ToolHotKey/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EPointCloudName}=lbAnnotation.cTool,footerCls=`${index$6.prefix}-footer`,FooterDivider=()=>React__default.default.createElement(es.Divider,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}}),renderFooter=({footerTips:e,hiddenTips:n,pageNumber:i,pagination:l,zoomController:a,curItems:u,footerDivider:s})=>React__default.default.createElement(React__default.default.Fragment,null,e,React__default.default.createElement("div",{style:{flex:1}}),n,i,l,u,s,a),ToolFooter=e=>{var n;const{stepList:i,step:l,basicResultList:a,basicIndex:u,mode:s="light",footer:o=renderFooter,skipBeforePageTurning:t}=e,r=ctx.useDispatch(),{t:g}=reactI18next.useTranslation(),c=(n=i[l-1])!=null?n:{},m=!!c.dataSourceStep,x=()=>{if(t){t(()=>r(actionCreators.PageBackward()));return}r(actionCreators.PageBackward())},p=()=>{if(t){t(()=>r(actionCreators.PageForward()));return}r(actionCreators.PageForward())},v=P=>{const f=~~P-1;if(t){t(()=>r(actionCreators.PageJump(f)));return}r(actionCreators.PageJump(f))},d=React__default.default.createElement(Pagination.Pagination,{imgIndex:e.imgIndex,totalPage:e.totalPage,pageJump:v,pageBackward:x,pageForward:p,footerCls}),b=m&&a.length>0?React__default.default.createElement("span",null,g("curItems",{current:u+1,total:a.length})):null;return typeof o=="function"?o===renderFooter&&c.tool===EPointCloudName.PointCloud?React__default.default.createElement("div",{className:`${footerCls}`,style:e.style},React__default.default.createElement(index,null),React__default.default.createElement(index$1.AnnotatedAttributesIcon,null),React__default.default.createElement("div",{style:{flex:1}}),d):React__default.default.createElement("div",{className:`${footerCls}`,style:e.style},o({footerTips:React__default.default.createElement(index,null),hiddenTips:React__default.default.createElement(index$2,null),pageNumber:React__default.default.createElement(index$3,null),pagination:d,zoomController:React__default.default.createElement(index$4.default,{mode:s}),curItems:b,footerDivider:React__default.default.createElement(FooterDivider,null),shortCutTable:index$5.shortCutTable,ToolHotKeyCom:index$5.ToolHotKeyCom})):o},mapStateToProps=e=>({totalPage:reducer.getTotalPage(e.annotation),imgIndex:e.annotation.imgIndex,stepList:e.annotation.stepList,step:e.annotation.step,basicIndex:e.annotation.basicIndex,basicResultList:e.annotation.basicResultList,skipBeforePageTurning:e.annotation.skipBeforePageTurning});var ToolFooter$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(ToolFooter);exports.FooterDivider=FooterDivider,exports.default=ToolFooter$1,exports.footerCls=footerCls;

package/es/assets/annotation/rectTool/icon_rectPattern.svg.js

@@ -1,4 +1 @@
-var img = "data:image/svg+xml,%3csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 8H8V20H20V8Z' fill='%23666FFF'/%3e%3cpath d='M11 22H17V50H11V22Z' fill='%23666FFF' fill-opacity='0.25'/%3e%3cpath d='M55 22H61V50H55V22Z' fill='%23666FFF' fill-opacity='0.25'/%3e%3cpath d='M50 55L50 61L22 61L22 55L50 55Z' fill='%23666FFF' fill-opacity='0.25'/%3e%3cpath d='M50 11L50 17L22 17L22 11L50 11Z' fill='%23666FFF' fill-opacity='0.25'/%3e%3cpath d='M64 8H52V20H64V8Z' fill='%23666FFF'/%3e%3cpath d='M20 52H8V64H20V52Z' fill='%23666FFF'/%3e%3cpath d='M64 52H52V64H64V52Z' fill='%23666FFF'/%3e%3c/svg%3e";
-
-export { img as default };
-//# sourceMappingURL=icon_rectPattern.svg.js.map
+var l="data:image/svg+xml,%3csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20 8H8V20H20V8Z' fill='%23666FFF'/%3e%3cpath d='M11 22H17V50H11V22Z' fill='%23666FFF' fill-opacity='0.25'/%3e%3cpath d='M55 22H61V50H55V22Z' fill='%23666FFF' fill-opacity='0.25'/%3e%3cpath d='M50 55L50 61L22 61L22 55L50 55Z' fill='%23666FFF' fill-opacity='0.25'/%3e%3cpath d='M50 11L50 17L22 17L22 11L50 11Z' fill='%23666FFF' fill-opacity='0.25'/%3e%3cpath d='M64 8H52V20H64V8Z' fill='%23666FFF'/%3e%3cpath d='M20 52H8V64H20V52Z' fill='%23666FFF'/%3e%3cpath d='M64 52H52V64H64V52Z' fill='%23666FFF'/%3e%3c/svg%3e";export{l as default};

package/es/components/ImageError/index.js

@@ -1,53 +1 @@
-import { ReloadOutlined } from '@ant-design/icons';
-import { Button } from 'antd/es';
-import React from 'react';
-
-const ImageError = (props) => {
-  const {
-    width,
-    height,
-    reloadImage,
-    hideSetInvalidTips,
-    ignoreOffsetY,
-    backgroundColor,
-    fileTypeName = "\u56FE\u7247"
-  } = props;
-  const top = !ignoreOffsetY ? 40 : 0;
-  const layerStyle = props.layerStyle || {
-    position: "absolute",
-    left: 0,
-    top,
-    cursor: "initial",
-    zIndex: 20,
-    fontSize: 12
-  };
-  if (width && height) {
-    Object.assign(layerStyle, {width, height});
-  } else {
-    Object.assign(layerStyle, {bottom: 0, right: 0});
-  }
-  if (backgroundColor) {
-    Object.assign(layerStyle, {backgroundColor});
-  }
-  const buttonStyle = {
-    position: "absolute",
-    top: "30%",
-    left: "50%",
-    transform: "translate(-50%, -50%)"
-  };
-  return /* @__PURE__ */ React.createElement("div", {
-    style: layerStyle
-  }, /* @__PURE__ */ React.createElement("div", {
-    style: buttonStyle
-  }, /* @__PURE__ */ React.createElement("div", {
-    style: {textAlign: "center", marginBottom: 10}
-  }, /* @__PURE__ */ React.createElement(Button, {
-    type: "primary",
-    shape: "circle",
-    icon: /* @__PURE__ */ React.createElement(ReloadOutlined, null),
-    onClick: reloadImage
-  })), /* @__PURE__ */ React.createElement("div", null, `${fileTypeName}\u52A0\u8F7D\u5931\u8D25, \u8BF7\u91CD\u65B0\u52A0\u8F7D${hideSetInvalidTips ? "" : ` \u6216 \u5C06${fileTypeName}\u6807\u4E3A\u65E0\u6548`}`)));
-};
-
-export { ImageError as default };
-//# sourceMappingURL=index.js.map
+import{ReloadOutlined as d}from"@ant-design/icons";import{Button as f}from"antd/es";import e from"react";const g=n=>{const{width:o,height:i,reloadImage:a,hideSetInvalidTips:s,ignoreOffsetY:u,backgroundColor:l,fileTypeName:r="\u56FE\u7247"}=n,c=u?0:40,t=n.layerStyle||{position:"absolute",left:0,top:c,cursor:"initial",zIndex:20,fontSize:12};o&&i?Object.assign(t,{width:o,height:i}):Object.assign(t,{bottom:0,right:0}),l&&Object.assign(t,{backgroundColor:l});const m={position:"absolute",top:"30%",left:"50%",transform:"translate(-50%, -50%)"};return e.createElement("div",{style:t},e.createElement("div",{style:m},e.createElement("div",{style:{textAlign:"center",marginBottom:10}},e.createElement(f,{type:"primary",shape:"circle",icon:e.createElement(d,null),onClick:a})),e.createElement("div",null,`${r}\u52A0\u8F7D\u5931\u8D25, \u8BF7\u91CD\u65B0\u52A0\u8F7D${s?"":` \u6216 \u5C06${r}\u6807\u4E3A\u65E0\u6548`}`)))};export{g as default};

package/es/components/pointCloudView/PointCloud2DView.js

@@ -1 +1 @@
-import{getClassName as I}from"../../utils/dom.js";import l,{useState as O,useContext as T,useRef as j,useEffect as b,useCallback as M}from"react";import{PointCloudContainer as F}from"./PointCloudLayout.js";import $ from"../AnnotationView/index.js";import{PointCloudContext as q}from"./PointCloudContext.js";import{connect as G}from"react-redux";import{LeftOutlined as H,RightOutlined as J}from"@ant-design/icons";import K from"../../hooks/useSize.js";import{useSingleBox as Q}from"./hooks/useSingleBox.js";import{pointCloudLidar2image as U}from"@labelbee/lb-annotation";import{useTranslation as W}from"react-i18next";import{LabelBeeContext as X}from"../../store/ctx.js";import{a2MapStateToProps as Y}from"../../store/annotation/map.js";import{toolStyleConverter as Z}from"@labelbee/lb-utils";var D=Object.defineProperty,tt=Object.defineProperties,ot=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,et=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable,E=(t,o,e)=>o in t?D(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,S=(t,o)=>{for(var e in o||(o={}))et.call(o,e)&&E(t,e,o[e]);if(h)for(var e of h(o))nt.call(o,e)&&E(t,e,o[e]);return t},V=(t,o)=>tt(t,ot(o));const it=({onNext:t,onPrev:o,imgLength:e,imgIndex:p})=>l.createElement("div",null,l.createElement(H,{onClick:o}),l.createElement("span",null," ",p+1," / ",e," "),l.createElement(J,{onClick:t})),lt=({currentData:t,config:o})=>{var e,p,P,C,L;const[u,k]=O([]),{pointCloudBoxList:w,topViewInstance:N}=T(q),[s,c]=O(0),x=j(null),f=j(),{selectedBox:g}=Q(),A=K(x),{t:B}=W(),a=(e=t==null?void 0:t.mappingImgList)==null?void 0:e[s];b(()=>{c(0)},[t]),b(()=>{if(N&&a){const n={fill:"transparent",color:"green"},r=w.reduce((m,i)=>{var d;const R=U(i,a.calib),z=(d=Z.getColorFromConfig({attribute:i.attribute},V(S({},o),{attributeConfigurable:!0}),{}))==null?void 0:d.stroke;return[...m,...R.map(y=>({type:y.type,annotation:V(S({id:i.id,pointList:y.pointList},n),{stroke:z})}))]},[]);k(r)}},[w,a]);const v=!t||!(t==null?void 0:t.mappingImgList)||!(((p=t==null?void 0:t.mappingImgList)==null?void 0:p.length)>0),_=M(()=>{var n,r;const m=(n=f.current)==null?void 0:n.toolInstance;if(!g||!m)return;const i=u.find(d=>d.annotation.id===g.info.id);((r=i==null?void 0:i.annotation.pointList)==null?void 0:r.length)>0&&m.focusPositionByPointList(i==null?void 0:i.annotation.pointList)},[g,f.current,u,s]);return b(()=>{_()},[_]),l.createElement(F,{className:I("point-cloud-2d-container"),title:B("2DView"),toolbar:v?void 0:l.createElement(it,{imgIndex:s,imgLength:(C=(P=t.mappingImgList)==null?void 0:P.length)!=null?C:0,onNext:()=>{var n;!t||!(t==null?void 0:t.mappingImgList)||s>=((n=t==null?void 0:t.mappingImgList)==null?void 0:n.length)-1||c(r=>r+1)},onPrev:()=>{s<=0||c(n=>n-1)}}),style:{display:v?"none":"flex"}},l.createElement("div",{className:I("point-cloud-2d-image"),ref:x},l.createElement($,{src:(L=a==null?void 0:a.url)!=null?L:"",annotations:u,size:A,ref:f,globalStyle:{display:v?"none":"block"},afterImgOnLoad:_})))};var rt=G(Y,null,null,{context:X})(lt);export{rt as default};
+import{getClassName as I}from"../../utils/dom.js";import l,{useState as O,useContext as T,useRef as j,useEffect as P,useCallback as M}from"react";import{PointCloudContainer as F}from"./PointCloudLayout.js";import $ from"../AnnotationView/index.js";import{PointCloudContext as q}from"./PointCloudContext.js";import{connect as G}from"react-redux";import{LeftOutlined as H,RightOutlined as J}from"@ant-design/icons";import K from"../../hooks/useSize.js";import{useSingleBox as Q}from"./hooks/useSingleBox.js";import{pointCloudLidar2image as U}from"@labelbee/lb-annotation";import{useTranslation as W}from"react-i18next";import{LabelBeeContext as X}from"../../store/ctx.js";import{a2MapStateToProps as Y}from"../../store/annotation/map.js";import{toolStyleConverter as Z}from"@labelbee/lb-utils";var D=Object.defineProperty,tt=Object.defineProperties,et=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,ot=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable,E=(t,e,o)=>e in t?D(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,S=(t,e)=>{for(var o in e||(e={}))ot.call(e,o)&&E(t,o,e[o]);if(h)for(var o of h(e))nt.call(e,o)&&E(t,o,e[o]);return t},V=(t,e)=>tt(t,et(e));const it=({onNext:t,onPrev:e,imgLength:o,imgIndex:p})=>l.createElement("div",null,l.createElement(H,{onClick:e}),l.createElement("span",null," ",p+1," / ",o," "),l.createElement(J,{onClick:t})),lt=({currentData:t,config:e})=>{var o,p,b,C,L;const[u,k]=O([]),{topViewInstance:N,displayPointCloudList:y}=T(q),[s,c]=O(0),w=j(null),f=j(),{selectedBox:g}=Q(),A=K(w),{t:R}=W(),a=(o=t==null?void 0:t.mappingImgList)==null?void 0:o[s];P(()=>{c(0)},[t]),P(()=>{if(N&&a){const n={fill:"transparent",color:"green"},r=y.reduce((m,i)=>{var d;const z=U(i,a.calib),B=(d=Z.getColorFromConfig({attribute:i.attribute},V(S({},e),{attributeConfigurable:!0}),{}))==null?void 0:d.stroke;return[...m,...z.map(x=>({type:x.type,annotation:V(S({id:i.id,pointList:x.pointList},n),{stroke:B})}))]},[]);k(r)}},[y,a]);const v=!t||!(t==null?void 0:t.mappingImgList)||!(((p=t==null?void 0:t.mappingImgList)==null?void 0:p.length)>0),_=M(()=>{var n,r;const m=(n=f.current)==null?void 0:n.toolInstance;if(!g||!m)return;const i=u.find(d=>d.annotation.id===g.info.id);((r=i==null?void 0:i.annotation.pointList)==null?void 0:r.length)>0&&m.focusPositionByPointList(i==null?void 0:i.annotation.pointList)},[g,f.current,u,s]);return P(()=>{_()},[_]),l.createElement(F,{className:I("point-cloud-2d-container"),title:R("2DView"),toolbar:v?void 0:l.createElement(it,{imgIndex:s,imgLength:(C=(b=t.mappingImgList)==null?void 0:b.length)!=null?C:0,onNext:()=>{var n;!t||!(t==null?void 0:t.mappingImgList)||s>=((n=t==null?void 0:t.mappingImgList)==null?void 0:n.length)-1||c(r=>r+1)},onPrev:()=>{s<=0||c(n=>n-1)}}),style:{display:v?"none":"flex"}},l.createElement("div",{className:I("point-cloud-2d-image"),ref:w},l.createElement($,{src:(L=a==null?void 0:a.url)!=null?L:"",annotations:u,size:A,ref:f,globalStyle:{display:v?"none":"block"},afterImgOnLoad:_})))};var rt=G(Y,null,null,{context:X})(lt);export{rt as default};

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

@@ -1 +1 @@
-{"version":3,"file":"PointCloud2DView.js","sources":["../../../src/components/pointCloudView/PointCloud2DView.tsx"],"sourcesContent":["import { getClassName } from '@/utils/dom';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport AnnotationView from '@/components/AnnotationView';\nimport { PointCloudContext } from './PointCloudContext';\nimport { connect } from 'react-redux';\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons';\nimport useSize from '@/hooks/useSize';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { ViewOperation, pointCloudLidar2image } from '@labelbee/lb-annotation';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { toolStyleConverter } from '@labelbee/lb-utils';\n\nconst Toolbar = ({\n  onNext,\n  onPrev,\n  imgLength,\n  imgIndex,\n}: {\n  onNext: () => void;\n  onPrev: () => void;\n  imgLength: number;\n  imgIndex: number;\n}) => {\n  return (\n    <div>\n      <LeftOutlined onClick={onPrev} />\n      <span>\n        {' '}\n        {imgIndex + 1} / {imgLength}{' '}\n      </span>\n\n      <RightOutlined onClick={onNext} />\n    </div>\n  );\n};\n\n// TODO, It will be deleted when the exported type of lb-annotation is work.\ninterface IAnnotationDataTemporarily {\n  type: string;\n  annotation: any;\n}\n\nconst PointCloud2DView = ({ currentData, config }: IA2MapStateProps) => {\n  const [annotations2d, setAnnotations2d] = useState<IAnnotationDataTemporarily[]>([]);\n  const { pointCloudBoxList, topViewInstance } = useContext(PointCloudContext);\n  const [mappingIndex, setMappingIndex] = useState(0);\n  const ref = useRef(null);\n  const viewRef = useRef<{ toolInstance: ViewOperation }>();\n  const { selectedBox } = useSingleBox();\n  const size = useSize(ref);\n  const { t } = useTranslation();\n\n  const mappingData = currentData?.mappingImgList?.[mappingIndex];\n\n  useEffect(() => {\n    setMappingIndex(0);\n  }, [currentData]);\n\n  useEffect(() => {\n    if (topViewInstance && mappingData) {\n      const defaultViewStyle = {\n        fill: 'transparent',\n        color: 'green',\n      };\n\n      const newAnnotations2d: IAnnotationDataTemporarily[] = pointCloudBoxList.reduce(\n        (acc: IAnnotationDataTemporarily[], pointCloudBox) => {\n          const viewDataPointList = pointCloudLidar2image(pointCloudBox, mappingData.calib);\n\n          const stroke = toolStyleConverter.getColorFromConfig(\n            { attribute: pointCloudBox.attribute },\n            {\n              ...config,\n              attributeConfigurable: true,\n            },\n            {},\n          )?.stroke;\n\n          return [\n            ...acc,\n            ...viewDataPointList.map((v: any) => {\n              return {\n                type: v.type,\n                annotation: {\n                  id: pointCloudBox.id,\n                  pointList: v.pointList,\n                  ...defaultViewStyle,\n                  stroke,\n                },\n              };\n            }),\n          ];\n        },\n        [],\n      );\n\n      setAnnotations2d(newAnnotations2d);\n    }\n  }, [pointCloudBoxList, mappingData]);\n\n  const hiddenData =\n    !currentData || !currentData?.mappingImgList || !(currentData?.mappingImgList?.length > 0);\n\n  const afterImgOnLoad = useCallback(() => {\n    const toolInstance = viewRef.current?.toolInstance;\n\n    if (!selectedBox || !toolInstance) {\n      return;\n    }\n    const selected2data = annotations2d.find((v) => v.annotation.id === selectedBox.info.id);\n\n    if (selected2data?.annotation.pointList?.length > 0) {\n      toolInstance.focusPositionByPointList(selected2data?.annotation.pointList);\n    }\n  }, [selectedBox, viewRef.current, annotations2d, mappingIndex]);\n\n  /**\n   * If the status is updated, it needs to\n   */\n  useEffect(() => {\n    afterImgOnLoad();\n  }, [afterImgOnLoad]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-2d-container')}\n      title={t('2DView')}\n      toolbar={\n        hiddenData ? undefined : (\n          <Toolbar\n            imgIndex={mappingIndex}\n            imgLength={currentData.mappingImgList?.length ?? 0}\n            onNext={() => {\n              if (!currentData || !currentData?.mappingImgList) {\n                return;\n              }\n\n              if (mappingIndex >= currentData?.mappingImgList?.length - 1) {\n                return;\n              }\n              setMappingIndex((v) => v + 1);\n            }}\n            onPrev={() => {\n              if (mappingIndex <= 0) {\n                return;\n              }\n              setMappingIndex((v) => v - 1);\n            }}\n          />\n        )\n      }\n      style={{ display: hiddenData ? 'none' : 'flex' }}\n    >\n      <div className={getClassName('point-cloud-2d-image')} ref={ref}>\n        <AnnotationView\n          src={mappingData?.url ?? ''}\n          annotations={annotations2d}\n          size={size}\n          ref={viewRef}\n          globalStyle={{ display: hiddenData ? 'none' : 'block' }}\n          afterImgOnLoad={afterImgOnLoad}\n        />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloud2DView,\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PointCloud2DView.js","sources":["../../../src/components/pointCloudView/PointCloud2DView.tsx"],"sourcesContent":["import { getClassName } from '@/utils/dom';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport AnnotationView from '@/components/AnnotationView';\nimport { PointCloudContext } from './PointCloudContext';\nimport { connect } from 'react-redux';\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons';\nimport useSize from '@/hooks/useSize';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { ViewOperation, pointCloudLidar2image } from '@labelbee/lb-annotation';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { toolStyleConverter } from '@labelbee/lb-utils';\n\nconst Toolbar = ({\n  onNext,\n  onPrev,\n  imgLength,\n  imgIndex,\n}: {\n  onNext: () => void;\n  onPrev: () => void;\n  imgLength: number;\n  imgIndex: number;\n}) => {\n  return (\n    <div>\n      <LeftOutlined onClick={onPrev} />\n      <span>\n        {' '}\n        {imgIndex + 1} / {imgLength}{' '}\n      </span>\n\n      <RightOutlined onClick={onNext} />\n    </div>\n  );\n};\n\n// TODO, It will be deleted when the exported type of lb-annotation is work.\ninterface IAnnotationDataTemporarily {\n  type: string;\n  annotation: any;\n}\n\nconst PointCloud2DView = ({ currentData, config }: IA2MapStateProps) => {\n  const [annotations2d, setAnnotations2d] = useState<IAnnotationDataTemporarily[]>([]);\n  const { topViewInstance, displayPointCloudList } = useContext(PointCloudContext);\n  const [mappingIndex, setMappingIndex] = useState(0);\n  const ref = useRef(null);\n  const viewRef = useRef<{ toolInstance: ViewOperation }>();\n  const { selectedBox } = useSingleBox();\n  const size = useSize(ref);\n  const { t } = useTranslation();\n\n  const mappingData = currentData?.mappingImgList?.[mappingIndex];\n\n  useEffect(() => {\n    setMappingIndex(0);\n  }, [currentData]);\n\n  useEffect(() => {\n    if (topViewInstance && mappingData) {\n      const defaultViewStyle = {\n        fill: 'transparent',\n        color: 'green',\n      };\n\n      const newAnnotations2d: IAnnotationDataTemporarily[] = displayPointCloudList.reduce(\n        (acc: IAnnotationDataTemporarily[], pointCloudBox) => {\n          const viewDataPointList = pointCloudLidar2image(pointCloudBox, mappingData.calib);\n\n          const stroke = toolStyleConverter.getColorFromConfig(\n            { attribute: pointCloudBox.attribute },\n            {\n              ...config,\n              attributeConfigurable: true,\n            },\n            {},\n          )?.stroke;\n\n          return [\n            ...acc,\n            ...viewDataPointList.map((v: any) => {\n              return {\n                type: v.type,\n                annotation: {\n                  id: pointCloudBox.id,\n                  pointList: v.pointList,\n                  ...defaultViewStyle,\n                  stroke,\n                },\n              };\n            }),\n          ];\n        },\n        [],\n      );\n\n      setAnnotations2d(newAnnotations2d);\n    }\n  }, [displayPointCloudList, mappingData]);\n\n  const hiddenData =\n    !currentData || !currentData?.mappingImgList || !(currentData?.mappingImgList?.length > 0);\n\n  const afterImgOnLoad = useCallback(() => {\n    const toolInstance = viewRef.current?.toolInstance;\n\n    if (!selectedBox || !toolInstance) {\n      return;\n    }\n    const selected2data = annotations2d.find((v) => v.annotation.id === selectedBox.info.id);\n\n    if (selected2data?.annotation.pointList?.length > 0) {\n      toolInstance.focusPositionByPointList(selected2data?.annotation.pointList);\n    }\n  }, [selectedBox, viewRef.current, annotations2d, mappingIndex]);\n\n  /**\n   * If the status is updated, it needs to\n   */\n  useEffect(() => {\n    afterImgOnLoad();\n  }, [afterImgOnLoad]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-2d-container')}\n      title={t('2DView')}\n      toolbar={\n        hiddenData ? undefined : (\n          <Toolbar\n            imgIndex={mappingIndex}\n            imgLength={currentData.mappingImgList?.length ?? 0}\n            onNext={() => {\n              if (!currentData || !currentData?.mappingImgList) {\n                return;\n              }\n\n              if (mappingIndex >= currentData?.mappingImgList?.length - 1) {\n                return;\n              }\n              setMappingIndex((v) => v + 1);\n            }}\n            onPrev={() => {\n              if (mappingIndex <= 0) {\n                return;\n              }\n              setMappingIndex((v) => v - 1);\n            }}\n          />\n        )\n      }\n      style={{ display: hiddenData ? 'none' : 'flex' }}\n    >\n      <div className={getClassName('point-cloud-2d-image')} ref={ref}>\n        <AnnotationView\n          src={mappingData?.url ?? ''}\n          annotations={annotations2d}\n          size={size}\n          ref={viewRef}\n          globalStyle={{ display: hiddenData ? 'none' : 'block' }}\n          afterImgOnLoad={afterImgOnLoad}\n        />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloud2DView,\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,UAAU,CAAC;AAAA,EACf,MAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,CAMI,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAD,IACE,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAD,EAAA;AAAA,IAAc,OAAS,EAAA,MAAA;AAAA,GACvB,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAD,EAAA,IAAA,EACG,GACA,EAAA,QAAA,GAAW,GAAE,KAAI,EAAA,SAAA,EAAW,GAG/B,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAD,EAAA;AAAA,IAAe,OAAS,EAAA,MAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAW9B,MAAM,gBAAmB,GAAA,CAAC,CAAE,WAAA,EAAa,MAA+B,CAAA,KAAA;AA7CxE,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA8CE,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAA,CAAA,GAAoB,QAAuC,CAAA,EAAA,CAAA,CAAA;AACjF,EAAM,MAAA,CAAE,eAAiB,EAAA,qBAAA,CAAA,GAA0B,UAAW,CAAA,iBAAA,CAAA,CAAA;AAC9D,EAAM,MAAA,CAAC,YAAc,EAAA,eAAA,CAAA,GAAmB,QAAS,CAAA,CAAA,CAAA,CAAA;AACjD,EAAA,MAAM,MAAM,MAAO,CAAA,IAAA,CAAA,CAAA;AACnB,EAAA,MAAM,OAAU,GAAA,MAAA,EAAA,CAAA;AAChB,EAAA,MAAM,CAAE,WAAgB,CAAA,GAAA,YAAA,EAAA,CAAA;AACxB,EAAA,MAAM,OAAO,OAAQ,CAAA,GAAA,CAAA,CAAA;AACrB,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AAEd,EAAM,MAAA,WAAA,GAAc,CAAa,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,cAAA,KAAb,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA,CAAA,CAAA;AAElD,EAAA,SAAA,CAAU,MAAM;AACd,IAAgB,eAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EACf,CAAC,WAAA,CAAA,CAAA,CAAA;AAEJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,WAAa,EAAA;AAClC,MAAA,MAAM,gBAAmB,GAAA;AAAA,QACvB,IAAM,EAAA,aAAA;AAAA,QACN,KAAO,EAAA,OAAA;AAAA,OAAA,CAAA;AAGT,MAAA,MAAM,gBAAiD,GAAA,qBAAA,CAAsB,MAC3E,CAAA,CAAC,KAAmC,aAAkB,KAAA;AArE9D,QAAA,IAAA,GAAA,CAAA;AAsEU,QAAM,MAAA,iBAAA,GAAoB,qBAAsB,CAAA,aAAA,EAAe,WAAY,CAAA,KAAA,CAAA,CAAA;AAE3E,QAAM,MAAA,MAAA,GAAS,0BAAmB,kBAChC,CAAA,CAAE,WAAW,aAAc,CAAA,SAAA,CAAA,EAC3B,iCACK,MADL,CAAA,EAAA;AAAA,UAEE,qBAAuB,EAAA,IAAA;AAAA,SAAA,CAAA,EAEzB,QANa,IAOZ,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,MAAA,CAAA;AAEH,QAAO,OAAA;AAAA,UACL,GAAG,GAAA;AAAA,UACH,GAAG,iBAAA,CAAkB,GAAI,CAAA,CAAC,CAAW,KAAA;AACnC,YAAO,OAAA;AAAA,cACL,MAAM,CAAE,CAAA,IAAA;AAAA,cACR,UAAY,EAAA,aAAA,CAAA,cAAA,CAAA;AAAA,gBACV,IAAI,aAAc,CAAA,EAAA;AAAA,gBAClB,WAAW,CAAE,CAAA,SAAA;AAAA,eAAA,EACV,gBAHO,CAAA,EAAA;AAAA,gBAIV,MAAA;AAAA,eAAA,CAAA;AAAA,aAAA,CAAA;AAAA,WAAA,CAAA;AAAA,SAAA,CAAA;AAAA,OAMV,EAAA,EAAA,CAAA,CAAA;AAGF,MAAiB,gBAAA,CAAA,gBAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAElB,CAAC,qBAAuB,EAAA,WAAA,CAAA,CAAA,CAAA;AAE3B,EAAM,MAAA,UAAA,GACJ,CAAC,WAAA,IAAe,EAAC,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,mBAAkB,EAAE,CAAA,CAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,cAAb,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA6B,MAAS,IAAA,CAAA,CAAA,CAAA;AAE1F,EAAM,MAAA,cAAA,GAAiB,YAAY,MAAM;AA1G3C,IAAA,IAAA,GAAA,EAAA,GAAA,CAAA;AA2GI,IAAM,MAAA,YAAA,GAAe,CAAQ,GAAA,GAAA,OAAA,CAAA,OAAA,KAAR,IAAiB,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,YAAA,CAAA;AAEtC,IAAI,IAAA,CAAC,WAAe,IAAA,CAAC,YAAc,EAAA;AACjC,MAAA,OAAA;AAAA,KAAA;AAEF,IAAM,MAAA,aAAA,GAAgB,cAAc,IAAK,CAAA,CAAC,MAAM,CAAE,CAAA,UAAA,CAAW,EAAO,KAAA,WAAA,CAAY,IAAK,CAAA,EAAA,CAAA,CAAA;AAErF,IAAA,IAAI,CAAe,CAAA,GAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,UAAA,CAAW,SAA1B,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAqC,UAAS,CAAG,EAAA;AACnD,MAAa,YAAA,CAAA,wBAAA,CAAyB,+CAAe,UAAW,CAAA,SAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAEjE,CAAC,WAAA,EAAa,OAAQ,CAAA,OAAA,EAAS,aAAe,EAAA,YAAA,CAAA,CAAA,CAAA;AAKjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,EAAA,CAAA;AAAA,GAAA,EACC,CAAC,cAAA,CAAA,CAAA,CAAA;AAEJ,EAAA,2CACG,mBAAD,EAAA;AAAA,IACE,WAAW,YAAa,CAAA,0BAAA,CAAA;AAAA,IACxB,OAAO,CAAE,CAAA,QAAA,CAAA;AAAA,IACT,OACE,EAAA,UAAA,GAAa,KACX,CAAA,mBAAA,KAAA,CAAA,aAAA,CAAC,OAAD,EAAA;AAAA,MACE,QAAU,EAAA,YAAA;AAAA,MACV,SAAW,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,WAAA,CAAY,cAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA4B,WAA5B,IAAsC,GAAA,EAAA,GAAA,CAAA;AAAA,MACjD,QAAQ,MAAM;AAvI1B,QAAA,IAAA,GAAA,CAAA;AAwIc,QAAA,IAAI,CAAC,WAAA,IAAe,EAAC,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,cAAgB,CAAA,EAAA;AAChD,UAAA,OAAA;AAAA,SAAA;AAGF,QAAA,IAAI,YAAgB,IAAA,CAAA,CAAA,GAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,cAAb,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAA6B,UAAS,CAAG,EAAA;AAC3D,UAAA,OAAA;AAAA,SAAA;AAEF,QAAgB,eAAA,CAAA,CAAC,MAAM,CAAI,GAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,MAE7B,QAAQ,MAAM;AACZ,QAAA,IAAI,gBAAgB,CAAG,EAAA;AACrB,UAAA,OAAA;AAAA,SAAA;AAEF,QAAgB,eAAA,CAAA,CAAC,MAAM,CAAI,GAAA,CAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAAA,IAKnC,KAAO,EAAA,CAAE,OAAS,EAAA,UAAA,GAAa,MAAS,GAAA,MAAA,CAAA;AAAA,GAAA,sCAEvC,KAAD,EAAA;AAAA,IAAK,WAAW,YAAa,CAAA,sBAAA,CAAA;AAAA,IAAyB,GAAA;AAAA,GAAA,sCACnD,cAAD,EAAA;AAAA,IACE,GAAA,EAAK,CAAa,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,GAAA,KAAb,IAAoB,GAAA,EAAA,GAAA,EAAA;AAAA,IACzB,WAAa,EAAA,aAAA;AAAA,IACb,IAAA;AAAA,IACA,GAAK,EAAA,OAAA;AAAA,IACL,WAAa,EAAA,CAAE,OAAS,EAAA,UAAA,GAAa,MAAS,GAAA,OAAA,CAAA;AAAA,IAC9C,cAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAOV,yBAAe,QAAQ,iBAAmB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAC/D,CAAA,CAAA,CAAA,gBAAA,CAAA;;;;"}

package/es/components/pointCloudView/PointCloudBackView.js

@@ -1 +1 @@
-import{PointCloudAnnotation as P}from"@labelbee/lb-annotation";import{getClassName as p}from"../../utils/dom.js";import{PointCloudContainer as h}from"./PointCloudLayout.js";import d,{useRef as g,useEffect as C}from"react";import{PointCloudContext as v}from"./PointCloudContext.js";import{useSingleBox as B}from"./hooks/useSingleBox.js";import{EPerspectiveView as y}from"@labelbee/lb-utils";import{SizeInfoForView as V}from"./PointCloudInfos.js";import{connect as b}from"react-redux";import{a2MapStateToProps as j}from"../../store/annotation/map.js";import{usePointCloudViews as k}from"./hooks/usePointCloudViews.js";import E from"../../hooks/useSize.js";import S from"./components/EmptyPage/index.js";import{useTranslation as I}from"react-i18next";import{LabelBeeContext as O}from"../../store/ctx.js";const M=(c,i,r=1)=>{const{width:t,height:e}=i,o={x:c.x+t*r/2,y:c.y+e*r/2},l={x:i.width/2,y:i.height/2};return{offsetX:(l.x-o.x)/r,offsetY:-(l.y-o.y)/r}},x=(c,i,r,t,e)=>{const{offsetX:o,offsetY:l}=M(c,r,i);if(e.camera.zoom=i,c){const f=Math.cos(t.rotation),m=Math.sin(t.rotation),n=o*f,u=o*m,{x:s,y:a,z:w}=e.initCameraPosition;e.camera.position.set(s+u,a-n,w+l)}e.camera.updateProjectionMatrix(),e.render()},N=({currentData:c,config:i,checkMode:r})=>{const t=d.useContext(v),e=g(null),o=E(e),{selectedBox:l}=B(),{t:f}=I(),{backViewUpdateBox:m}=k();return C(()=>{if(e.current){const n={width:e.current.clientWidth,height:e.current.clientHeight},u=new P({container:e.current,size:n,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0},config:i,checkMode:r});t.setBackViewInstance(u)}},[]),C(()=>{if(!o||!t.backViewInstance)return;const{pointCloud2dOperation:n,pointCloudInstance:u}=t.backViewInstance;n.singleOn("renderZoom",(s,a)=>{!t.selectedPointCloudBox||x(a,s,o,t.selectedPointCloudBox,u)}),n.singleOn("dragMove",({currentPos:s,zoom:a})=>{!t.selectedPointCloudBox||x(s,a,o,t.selectedPointCloudBox,u)}),n.singleOn("updatePolygonByDrag",({newPolygon:s,originPolygon:a})=>{m==null||m(s,a)})},[t,o]),C(()=>{var n;(n=t==null?void 0:t.backViewInstance)==null||n.initSize(o)},[o]),d.createElement(h,{className:p("point-cloud-container","back-view"),title:f("BackView"),toolbar:d.createElement(V,{perspectiveView:y.Back})},d.createElement("div",{className:p("point-cloud-container","bottom-view-content")},d.createElement("div",{className:p("point-cloud-container","core-instance"),ref:e}),!l&&d.createElement(S,null)))};var X=b(j,null,null,{context:O})(N);export{X as default};
+import{PointCloudAnnotation as T,MathUtils as u,getCuboidFromPointCloudBox as X}from"@labelbee/lb-annotation";import{getClassName as y}from"../../utils/dom.js";import{PointCloudContainer as A}from"./PointCloudLayout.js";import m,{useRef as W,useEffect as V}from"react";import{PointCloudContext as H}from"./PointCloudContext.js";import{EPerspectiveView as U}from"@labelbee/lb-utils";import{useSingleBox as Y}from"./hooks/useSingleBox.js";import{SizeInfoForView as F}from"./PointCloudInfos.js";import{connect as R}from"react-redux";import{a2MapStateToProps as Z}from"../../store/annotation/map.js";import{usePointCloudViews as q,synchronizeTopView as G,synchronizeSideView as J}from"./hooks/usePointCloudViews.js";import K from"../../hooks/useSize.js";import Q from"./components/EmptyPage/index.js";import{useTranslation as $}from"react-i18next";import{LabelBeeContext as ee}from"../../store/ctx.js";var te=Object.defineProperty,oe=Object.defineProperties,ne=Object.getOwnPropertyDescriptors,O=Object.getOwnPropertySymbols,ie=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable,_=(n,t,o)=>t in n?te(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,se=(n,t)=>{for(var o in t||(t={}))ie.call(t,o)&&_(n,o,t[o]);if(O)for(var o of O(t))re.call(t,o)&&_(n,o,t[o]);return n},ae=(n,t)=>oe(n,ne(t));const ce=(n,t,o=1)=>{const{width:e,height:i}=t,s={x:n.x+e*o/2,y:n.y+i*o/2},d={x:t.width/2,y:t.height/2};return{offsetX:(d.x-s.x)/o,offsetY:-(d.y-s.y)/o}},j=(n,t,o,e,i)=>{const{offsetX:s,offsetY:d}=ce(n,o,t);if(i.camera.zoom=t,n){const P=Math.cos(e.rotation),g=Math.sin(e.rotation),w=s*P,h=s*g,{x:r,y:p,z:c}=i.initCameraPosition;i.camera.position.set(r+h,p-w,c+d)}i.camera.updateProjectionMatrix(),i.render()},le=({currentData:n,config:t,checkMode:o})=>{const e=m.useContext(H),i=W(null),s=K(i),{selectedBox:d,updateSelectedBox:P}=Y(),{t:g}=$(),{backViewUpdateBox:w}=q(),h=(r,p)=>{if(!e.selectedPointCloudBox||!e.mainViewInstance||!n.url||!e.backViewInstance)return;const{pointCloudInstance:c}=e.backViewInstance,[l,f,v]=r.pointList,[B,b,I]=p.pointList,x=u.getLineCenterPoint([l,v]),C=u.getLineCenterPoint([B,I]),L={x:{x:x.x-C.x,y:x.y-C.y}.x,y:0,z:x.y-C.y},k=u.getLineLength(l,f),S=u.getLineLength(B,b),E=k-S,z=u.getLineLength(f,v),N=u.getLineLength(b,I),D=z-N;let{newBoxParams:a}=c.getNewBoxByBackUpdate(L,D,E,e.selectedPointCloudBox);if(e.mainViewInstance){const{count:M}=e.mainViewInstance.getSensesPointZAxisInPolygon(X(a).polygonPointList,[a.center.z-a.depth/2,a.center.z+a.depth/2]);a=ae(se({},a),{count:M})}G(a,r,e.topViewInstance,e.mainViewInstance),J(a,r,e.sideViewInstance,n.url),e.mainViewInstance.highlightOriginPointCloud([a]),P(a)};return V(()=>{if(i.current){const r={width:i.current.clientWidth,height:i.current.clientHeight},p=new T({container:i.current,size:r,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0},config:t,checkMode:o});e.setBackViewInstance(p)}},[]),V(()=>{if(!s||!e.backViewInstance)return;const{pointCloud2dOperation:r,pointCloudInstance:p}=e.backViewInstance;r.singleOn("renderZoom",(c,l)=>{!e.selectedPointCloudBox||j(l,c,s,e.selectedPointCloudBox,p)}),r.singleOn("dragMove",({currentPos:c,zoom:l})=>{!e.selectedPointCloudBox||j(c,l,s,e.selectedPointCloudBox,p)}),r.singleOn("updatePolygonByDrag",c=>{if(e.selectedIDs.length===1&&c.length===1){const{newPolygon:l,originPolygon:f}=c[0];l&&f&&(h(l,f),w(l,f))}})},[e,s]),V(()=>{var r;(r=e==null?void 0:e.backViewInstance)==null||r.initSize(s)},[s]),m.createElement(A,{className:y("point-cloud-container","back-view"),title:g("BackView"),toolbar:m.createElement(F,{perspectiveView:U.Back})},m.createElement("div",{className:y("point-cloud-container","bottom-view-content")},m.createElement("div",{className:y("point-cloud-container","core-instance"),ref:i}),!d&&m.createElement(Q,null)))};var pe=R(Z,null,null,{context:ee})(le);export{pe as default};

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

@@ -1 +1 @@
-{"version":3,"file":"PointCloudBackView.js","sources":["../../../src/components/pointCloudView/PointCloudBackView.tsx"],"sourcesContent":["/*\n * @Author: Laoluo luozefeng@sensetime.com\n * @Date: 2022-06-22 11:08:31\n * @LastEditors: Laoluo luozefeng@sensetime.com\n * @LastEditTime: 2022-07-08 11:08:02\n */\nimport {\n  PointCloud,\n  PointCloudAnnotation,\n} from '@labelbee/lb-annotation';\nimport { getClassName } from '@/utils/dom';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport React, { useEffect, useRef } from 'react';\nimport { PointCloudContext } from './PointCloudContext';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { EPerspectiveView, IPointCloudBox } from '@labelbee/lb-utils';\nimport { SizeInfoForView } from './PointCloudInfos';\nimport { connect } from 'react-redux';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport useSize from '@/hooks/useSize';\nimport EmptyPage from './components/EmptyPage';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\n\n/**\n * 统一一下，将其拓展为 二维转换为 三维坐标的转换\n * Get the offset from canvas2d-coordinate to world coordinate\n * @param currentPos\n * @param size\n * @param zoom\n * @returns\n */\nconst TransferCanvas2WorldOffset = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n  zoom = 1,\n) => {\n  const { width: w, height: h } = size;\n\n  const canvasCenterPoint = {\n    x: currentPos.x + (w * zoom) / 2,\n    y: currentPos.y + (h * zoom) / 2,\n  };\n\n  const worldCenterPoint = {\n    x: size.width / 2,\n    y: size.height / 2,\n  };\n\n  return {\n    offsetX: (worldCenterPoint.x - canvasCenterPoint.x) / zoom,\n    offsetY: -(worldCenterPoint.y - canvasCenterPoint.y) / zoom,\n  };\n};\nconst updateBackViewByCanvas2D = (\n  currentPos: { x: number; y: number },\n  zoom: number,\n  size: { width: number; height: number },\n  selectedPointCloudBox: IPointCloudBox,\n  backPointCloud: PointCloud,\n) => {\n  const { offsetX, offsetY } = TransferCanvas2WorldOffset(currentPos, size, zoom);\n  backPointCloud.camera.zoom = zoom;\n  if (currentPos) {\n    const cos = Math.cos(selectedPointCloudBox.rotation);\n    const sin = Math.sin(selectedPointCloudBox.rotation);\n    const offsetXX = offsetX * cos;\n    const offsetXY = offsetX * sin;\n    const { x, y, z } = backPointCloud.initCameraPosition;\n    backPointCloud.camera.position.set(x + offsetXY, y - offsetXX, z + offsetY);\n  }\n  backPointCloud.camera.updateProjectionMatrix();\n  backPointCloud.render();\n};\n\ninterface IProps {\n  checkMode?: boolean\n}\n\nconst PointCloudSideView = ({ currentData, config, checkMode }: IA2MapStateProps & IProps) => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const size = useSize(ref);\n  const { selectedBox } = useSingleBox();\n  const { t } = useTranslation();\n  const { backViewUpdateBox } = usePointCloudViews();\n\n  useEffect(() => {\n    if (ref.current) {\n      const size = {\n        width: ref.current.clientWidth,\n        height: ref.current.clientHeight,\n      };\n\n      const pointCloudAnnotation = new PointCloudAnnotation({\n        container: ref.current,\n        size,\n        polygonOperationProps: { showDirectionLine: false, forbidAddNew: true },\n        config,\n        checkMode\n      });\n      ptCtx.setBackViewInstance(pointCloudAnnotation);\n    }\n  }, []);\n\n  useEffect(() => {\n    // By the way as an initialization judgment\n    if (!size || !ptCtx.backViewInstance) {\n      return;\n    }\n\n    const {\n      pointCloud2dOperation: backPointCloudPolygonOperation,\n      pointCloudInstance: backPointCloud,\n    } = ptCtx.backViewInstance;\n\n    /**\n     * Synchronized 3d point cloud view displacement operations\n     *\n     * Change Orthographic Camera size\n     */\n    backPointCloudPolygonOperation.singleOn('renderZoom', (zoom: number, currentPos: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateBackViewByCanvas2D(currentPos, zoom, size, ptCtx.selectedPointCloudBox, backPointCloud);\n    });\n\n    // Synchronized 3d point cloud view displacement operations\n    backPointCloudPolygonOperation.singleOn('dragMove', ({ currentPos, zoom }: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateBackViewByCanvas2D(currentPos, zoom, size, ptCtx.selectedPointCloudBox, backPointCloud);\n    });\n\n    backPointCloudPolygonOperation.singleOn(\n      'updatePolygonByDrag',\n      ({ newPolygon, originPolygon }: any) => {\n        backViewUpdateBox?.(newPolygon, originPolygon)\n      },\n    );\n  }, [ptCtx, size]);\n\n  useEffect(() => {\n    // Update Size\n    ptCtx?.backViewInstance?.initSize(size);\n  }, [size]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-container', 'back-view')}\n      title={t('BackView')}\n      toolbar={<SizeInfoForView perspectiveView={EPerspectiveView.Back} />}\n    >\n      <div className={getClassName('point-cloud-container', 'bottom-view-content')}>\n        <div className={getClassName('point-cloud-container', 'core-instance')} ref={ref} />\n        {!selectedBox && <EmptyPage />}\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudSideView,\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PointCloudBackView.js","sources":["../../../src/components/pointCloudView/PointCloudBackView.tsx"],"sourcesContent":["/*\n * @Author: Laoluo luozefeng@sensetime.com\n * @Date: 2022-06-22 11:08:31\n * @LastEditors: Laoluo luozefeng@sensetime.com\n * @LastEditTime: 2022-07-08 11:08:02\n */\nimport {\n  getCuboidFromPointCloudBox,\n  MathUtils,\n  PointCloud,\n  PointCloudAnnotation,\n} from '@labelbee/lb-annotation';\nimport { getClassName } from '@/utils/dom';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport React, { useEffect, useRef } from 'react';\nimport { PointCloudContext } from './PointCloudContext';\nimport {\n  EPerspectiveView,\n  IPointCloudBox,\n  IPolygonData,\n  IPolygonPoint,\n  UpdatePolygonByDragList,\n} from '@labelbee/lb-utils';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { SizeInfoForView } from './PointCloudInfos';\nimport { connect } from 'react-redux';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport {\n  synchronizeSideView,\n  synchronizeTopView,\n  usePointCloudViews,\n} from './hooks/usePointCloudViews';\nimport useSize from '@/hooks/useSize';\nimport EmptyPage from './components/EmptyPage';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\n\n/**\n * 统一一下，将其拓展为 二维转换为 三维坐标的转换\n * Get the offset from canvas2d-coordinate to world coordinate\n * @param currentPos\n * @param size\n * @param zoom\n * @returns\n */\nconst TransferCanvas2WorldOffset = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n  zoom = 1,\n) => {\n  const { width: w, height: h } = size;\n\n  const canvasCenterPoint = {\n    x: currentPos.x + (w * zoom) / 2,\n    y: currentPos.y + (h * zoom) / 2,\n  };\n\n  const worldCenterPoint = {\n    x: size.width / 2,\n    y: size.height / 2,\n  };\n\n  return {\n    offsetX: (worldCenterPoint.x - canvasCenterPoint.x) / zoom,\n    offsetY: -(worldCenterPoint.y - canvasCenterPoint.y) / zoom,\n  };\n};\nconst updateBackViewByCanvas2D = (\n  currentPos: { x: number; y: number },\n  zoom: number,\n  size: { width: number; height: number },\n  selectedPointCloudBox: IPointCloudBox,\n  backPointCloud: PointCloud,\n) => {\n  const { offsetX, offsetY } = TransferCanvas2WorldOffset(currentPos, size, zoom);\n  backPointCloud.camera.zoom = zoom;\n  if (currentPos) {\n    const cos = Math.cos(selectedPointCloudBox.rotation);\n    const sin = Math.sin(selectedPointCloudBox.rotation);\n    const offsetXX = offsetX * cos;\n    const offsetXY = offsetX * sin;\n    const { x, y, z } = backPointCloud.initCameraPosition;\n    backPointCloud.camera.position.set(x + offsetXY, y - offsetXX, z + offsetY);\n  }\n  backPointCloud.camera.updateProjectionMatrix();\n  backPointCloud.render();\n};\n\ninterface IProps {\n  checkMode?: boolean;\n}\n\nconst PointCloudSideView = ({ currentData, config, checkMode }: IA2MapStateProps & IProps) => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const size = useSize(ref);\n  const { selectedBox, updateSelectedBox } = useSingleBox();\n  const { t } = useTranslation();\n  const { backViewUpdateBox } = usePointCloudViews();\n\n  const transferPolygonDataToBoxParams = (\n    newPolygon: IPolygonData,\n    originPolygon: IPolygonData,\n  ) => {\n    if (\n      !ptCtx.selectedPointCloudBox ||\n      !ptCtx.mainViewInstance ||\n      !currentData.url ||\n      !ptCtx.backViewInstance\n    ) {\n      return;\n    }\n\n    const { pointCloudInstance: backPointCloud } = ptCtx.backViewInstance;\n\n    // Notice. The sort of polygon is important.\n    const [point1, point2, point3] = newPolygon.pointList;\n    const [op1, op2, op3] = originPolygon.pointList;\n\n    // 2D centerPoint => 3D x & z\n    const newCenterPoint = MathUtils.getLineCenterPoint([point1, point3]);\n    const oldCenterPoint = MathUtils.getLineCenterPoint([op1, op3]);\n\n    const offset = {\n      x: newCenterPoint.x - oldCenterPoint.x,\n      y: newCenterPoint.y - oldCenterPoint.y,\n    };\n\n    const offsetCenterPoint = {\n      x: offset.x,\n      y: 0, // Not be used.\n      z: newCenterPoint.y - oldCenterPoint.y,\n    };\n\n    // 2D height => 3D depth\n    const height = MathUtils.getLineLength(point1, point2);\n    const oldHeight = MathUtils.getLineLength(op1, op2);\n    const offsetHeight = height - oldHeight; // 3D depth\n\n    // 2D width => 3D width\n    const width = MathUtils.getLineLength(point2, point3);\n    const oldWidth = MathUtils.getLineLength(op2, op3);\n    const offsetWidth = width - oldWidth; // 3D width\n\n    let { newBoxParams } = backPointCloud.getNewBoxByBackUpdate(\n      offsetCenterPoint,\n      offsetWidth,\n      offsetHeight,\n      ptCtx.selectedPointCloudBox,\n    );\n\n    // Update count\n    if (ptCtx.mainViewInstance) {\n      const { count } = ptCtx.mainViewInstance.getSensesPointZAxisInPolygon(\n        getCuboidFromPointCloudBox(newBoxParams).polygonPointList as IPolygonPoint[],\n        [\n          newBoxParams.center.z - newBoxParams.depth / 2,\n          newBoxParams.center.z + newBoxParams.depth / 2,\n        ],\n      );\n\n      newBoxParams = {\n        ...newBoxParams,\n        count,\n      };\n    }\n\n    synchronizeTopView(newBoxParams, newPolygon, ptCtx.topViewInstance, ptCtx.mainViewInstance);\n    synchronizeSideView(newBoxParams, newPolygon, ptCtx.sideViewInstance, currentData.url);\n    ptCtx.mainViewInstance.highlightOriginPointCloud([newBoxParams]);\n\n    updateSelectedBox(newBoxParams);\n  };\n\n  useEffect(() => {\n    if (ref.current) {\n      const size = {\n        width: ref.current.clientWidth,\n        height: ref.current.clientHeight,\n      };\n\n      const pointCloudAnnotation = new PointCloudAnnotation({\n        container: ref.current,\n        size,\n        polygonOperationProps: { showDirectionLine: false, forbidAddNew: true },\n        config,\n        checkMode,\n      });\n      ptCtx.setBackViewInstance(pointCloudAnnotation);\n    }\n  }, []);\n\n  useEffect(() => {\n    // By the way as an initialization judgment\n    if (!size || !ptCtx.backViewInstance) {\n      return;\n    }\n\n    const {\n      pointCloud2dOperation: backPointCloudPolygonOperation,\n      pointCloudInstance: backPointCloud,\n    } = ptCtx.backViewInstance;\n\n    /**\n     * Synchronized 3d point cloud view displacement operations\n     *\n     * Change Orthographic Camera size\n     */\n    backPointCloudPolygonOperation.singleOn('renderZoom', (zoom: number, currentPos: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateBackViewByCanvas2D(currentPos, zoom, size, ptCtx.selectedPointCloudBox, backPointCloud);\n    });\n\n    // Synchronized 3d point cloud view displacement operations\n    backPointCloudPolygonOperation.singleOn('dragMove', ({ currentPos, zoom }: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateBackViewByCanvas2D(currentPos, zoom, size, ptCtx.selectedPointCloudBox, backPointCloud);\n    });\n\n    backPointCloudPolygonOperation.singleOn(\n      'updatePolygonByDrag',\n      (updateList: UpdatePolygonByDragList) => {\n        if (ptCtx.selectedIDs.length === 1 && updateList.length === 1) {\n          const { newPolygon, originPolygon } = updateList[0];\n\n          if (newPolygon && originPolygon) {\n            transferPolygonDataToBoxParams(newPolygon, originPolygon);\n            backViewUpdateBox(newPolygon, originPolygon);\n          }\n        }\n      },\n    );\n  }, [ptCtx, size]);\n\n  useEffect(() => {\n    // Update Size\n    ptCtx?.backViewInstance?.initSize(size);\n  }, [size]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-container', 'back-view')}\n      title={t('BackView')}\n      toolbar={<SizeInfoForView perspectiveView={EPerspectiveView.Back} />}\n    >\n      <div className={getClassName('point-cloud-container', 'bottom-view-content')}>\n        <div className={getClassName('point-cloud-container', 'core-instance')} ref={ref} />\n        {!selectedBox && <EmptyPage />}\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudSideView,\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAM,0BAA6B,GAAA,CACjC,UACA,EAAA,IAAA,EACA,OAAO,CACJ,KAAA;AACH,EAAA,MAAM,CAAE,KAAA,EAAO,CAAG,EAAA,MAAA,EAAQ,CAAM,CAAA,GAAA,IAAA,CAAA;AAEhC,EAAA,MAAM,iBAAoB,GAAA;AAAA,IACxB,CAAG,EAAA,UAAA,CAAW,CAAK,GAAA,CAAA,GAAI,IAAQ,GAAA,CAAA;AAAA,IAC/B,CAAG,EAAA,UAAA,CAAW,CAAK,GAAA,CAAA,GAAI,IAAQ,GAAA,CAAA;AAAA,GAAA,CAAA;AAGjC,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,CAAA,EAAG,KAAK,KAAQ,GAAA,CAAA;AAAA,IAChB,CAAA,EAAG,KAAK,MAAS,GAAA,CAAA;AAAA,GAAA,CAAA;AAGnB,EAAO,OAAA;AAAA,IACL,OAAU,EAAA,CAAA,gBAAA,CAAiB,CAAI,GAAA,iBAAA,CAAkB,CAAK,IAAA,IAAA;AAAA,IACtD,OAAS,EAAA,EAAmB,gBAAA,CAAA,CAAA,GAAI,kBAAkB,CAAK,CAAA,GAAA,IAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAG3D,MAAM,2BAA2B,CAC/B,UAAA,EACA,IACA,EAAA,IAAA,EACA,uBACA,cACG,KAAA;AACH,EAAA,MAAM,CAAE,OAAA,EAAS,OAAY,CAAA,GAAA,0BAAA,CAA2B,YAAY,IAAM,EAAA,IAAA,CAAA,CAAA;AAC1E,EAAA,cAAA,CAAe,OAAO,IAAO,GAAA,IAAA,CAAA;AAC7B,EAAA,IAAI,UAAY,EAAA;AACd,IAAM,MAAA,GAAA,GAAM,IAAK,CAAA,GAAA,CAAI,qBAAsB,CAAA,QAAA,CAAA,CAAA;AAC3C,IAAM,MAAA,GAAA,GAAM,IAAK,CAAA,GAAA,CAAI,qBAAsB,CAAA,QAAA,CAAA,CAAA;AAC3C,IAAA,MAAM,WAAW,OAAU,GAAA,GAAA,CAAA;AAC3B,IAAA,MAAM,WAAW,OAAU,GAAA,GAAA,CAAA;AAC3B,IAAA,MAAM,CAAE,CAAA,EAAG,CAAG,EAAA,CAAA,CAAA,GAAM,cAAe,CAAA,kBAAA,CAAA;AACnC,IAAA,cAAA,CAAe,OAAO,QAAS,CAAA,GAAA,CAAI,IAAI,QAAU,EAAA,CAAA,GAAI,UAAU,CAAI,GAAA,OAAA,CAAA,CAAA;AAAA,GAAA;AAErE,EAAA,cAAA,CAAe,MAAO,CAAA,sBAAA,EAAA,CAAA;AACtB,EAAe,cAAA,CAAA,MAAA,EAAA,CAAA;AAAA,CAAA,CAAA;AAOjB,MAAM,kBAAqB,GAAA,CAAC,CAAE,WAAA,EAAa,QAAQ,SAA2C,CAAA,KAAA;AAC5F,EAAM,MAAA,KAAA,GAAQ,MAAM,UAAW,CAAA,iBAAA,CAAA,CAAA;AAC/B,EAAA,MAAM,MAAM,MAAuB,CAAA,IAAA,CAAA,CAAA;AACnC,EAAA,MAAM,OAAO,OAAQ,CAAA,GAAA,CAAA,CAAA;AACrB,EAAM,MAAA,CAAE,aAAa,iBAAsB,CAAA,GAAA,YAAA,EAAA,CAAA;AAC3C,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AACd,EAAA,MAAM,CAAE,iBAAsB,CAAA,GAAA,kBAAA,EAAA,CAAA;AAE9B,EAAM,MAAA,8BAAA,GAAiC,CACrC,UAAA,EACA,aACG,KAAA;AACH,IACE,IAAA,CAAC,KAAM,CAAA,qBAAA,IACP,CAAC,KAAA,CAAM,gBACP,IAAA,CAAC,WAAY,CAAA,GAAA,IACb,CAAC,KAAA,CAAM,gBACP,EAAA;AACA,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,CAAE,kBAAoB,EAAA,cAAA,CAAA,GAAmB,KAAM,CAAA,gBAAA,CAAA;AAGrD,IAAA,MAAM,CAAC,MAAA,EAAQ,MAAQ,EAAA,MAAA,CAAA,GAAU,UAAW,CAAA,SAAA,CAAA;AAC5C,IAAA,MAAM,CAAC,GAAA,EAAK,GAAK,EAAA,GAAA,CAAA,GAAO,aAAc,CAAA,SAAA,CAAA;AAGtC,IAAA,MAAM,cAAiB,GAAA,SAAA,CAAU,kBAAmB,CAAA,CAAC,MAAQ,EAAA,MAAA,CAAA,CAAA,CAAA;AAC7D,IAAA,MAAM,cAAiB,GAAA,SAAA,CAAU,kBAAmB,CAAA,CAAC,GAAK,EAAA,GAAA,CAAA,CAAA,CAAA;AAE1D,IAAA,MAAM,MAAS,GAAA;AAAA,MACb,CAAA,EAAG,cAAe,CAAA,CAAA,GAAI,cAAe,CAAA,CAAA;AAAA,MACrC,CAAA,EAAG,cAAe,CAAA,CAAA,GAAI,cAAe,CAAA,CAAA;AAAA,KAAA,CAAA;AAGvC,IAAA,MAAM,iBAAoB,GAAA;AAAA,MACxB,GAAG,MAAO,CAAA,CAAA;AAAA,MACV,CAAG,EAAA,CAAA;AAAA,MACH,CAAA,EAAG,cAAe,CAAA,CAAA,GAAI,cAAe,CAAA,CAAA;AAAA,KAAA,CAAA;AAIvC,IAAM,MAAA,MAAA,GAAS,SAAU,CAAA,aAAA,CAAc,MAAQ,EAAA,MAAA,CAAA,CAAA;AAC/C,IAAM,MAAA,SAAA,GAAY,SAAU,CAAA,aAAA,CAAc,GAAK,EAAA,GAAA,CAAA,CAAA;AAC/C,IAAA,MAAM,eAAe,MAAS,GAAA,SAAA,CAAA;AAG9B,IAAM,MAAA,KAAA,GAAQ,SAAU,CAAA,aAAA,CAAc,MAAQ,EAAA,MAAA,CAAA,CAAA;AAC9C,IAAM,MAAA,QAAA,GAAW,SAAU,CAAA,aAAA,CAAc,GAAK,EAAA,GAAA,CAAA,CAAA;AAC9C,IAAA,MAAM,cAAc,KAAQ,GAAA,QAAA,CAAA;AAE5B,IAAA,IAAI,CAAE,YAAiB,CAAA,GAAA,cAAA,CAAe,sBACpC,iBACA,EAAA,WAAA,EACA,cACA,KAAM,CAAA,qBAAA,CAAA,CAAA;AAIR,IAAA,IAAI,MAAM,gBAAkB,EAAA;AAC1B,MAAA,MAAM,CAAE,KAAU,CAAA,GAAA,KAAA,CAAM,iBAAiB,4BACvC,CAAA,0BAAA,CAA2B,cAAc,gBACzC,EAAA;AAAA,QACE,YAAa,CAAA,MAAA,CAAO,CAAI,GAAA,YAAA,CAAa,KAAQ,GAAA,CAAA;AAAA,QAC7C,YAAa,CAAA,MAAA,CAAO,CAAI,GAAA,YAAA,CAAa,KAAQ,GAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAIjD,MAAA,YAAA,GAAe,iCACV,YADU,CAAA,EAAA;AAAA,QAEb,KAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAAA;AAIJ,IAAA,kBAAA,CAAmB,YAAc,EAAA,UAAA,EAAY,KAAM,CAAA,eAAA,EAAiB,KAAM,CAAA,gBAAA,CAAA,CAAA;AAC1E,IAAA,mBAAA,CAAoB,YAAc,EAAA,UAAA,EAAY,KAAM,CAAA,gBAAA,EAAkB,WAAY,CAAA,GAAA,CAAA,CAAA;AAClF,IAAM,KAAA,CAAA,gBAAA,CAAiB,0BAA0B,CAAC,YAAA,CAAA,CAAA,CAAA;AAElD,IAAkB,iBAAA,CAAA,YAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAGpB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAI,OAAS,EAAA;AACf,MAAA,MAAM,KAAO,GAAA;AAAA,QACX,KAAA,EAAO,IAAI,OAAQ,CAAA,WAAA;AAAA,QACnB,MAAA,EAAQ,IAAI,OAAQ,CAAA,YAAA;AAAA,OAAA,CAAA;AAGtB,MAAM,MAAA,oBAAA,GAAuB,IAAI,oBAAqB,CAAA;AAAA,QACpD,WAAW,GAAI,CAAA,OAAA;AAAA,QACf,IAAA,EAAA,KAAA;AAAA,QACA,qBAAuB,EAAA,CAAE,iBAAmB,EAAA,KAAA,EAAO,YAAc,EAAA,IAAA,CAAA;AAAA,QACjE,MAAA;AAAA,QACA,SAAA;AAAA,OAAA,CAAA,CAAA;AAEF,MAAA,KAAA,CAAM,mBAAoB,CAAA,oBAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAE3B,EAAA,EAAA,CAAA,CAAA;AAEH,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,KAAA,CAAM,gBAAkB,EAAA;AACpC,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA;AAAA,MACJ,qBAAuB,EAAA,8BAAA;AAAA,MACvB,kBAAoB,EAAA,cAAA;AAAA,KAAA,GAClB,KAAM,CAAA,gBAAA,CAAA;AAOV,IAAA,8BAAA,CAA+B,QAAS,CAAA,YAAA,EAAc,CAAC,IAAA,EAAc,UAAoB,KAAA;AACvF,MAAI,IAAA,CAAC,MAAM,qBAAuB,EAAA;AAChC,QAAA,OAAA;AAAA,OAAA;AAEF,MAAA,wBAAA,CAAyB,UAAY,EAAA,IAAA,EAAM,IAAM,EAAA,KAAA,CAAM,qBAAuB,EAAA,cAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAIhF,IAAA,8BAAA,CAA+B,QAAS,CAAA,UAAA,EAAY,CAAC,CAAE,YAAY,IAAgB,CAAA,KAAA;AACjF,MAAI,IAAA,CAAC,MAAM,qBAAuB,EAAA;AAChC,QAAA,OAAA;AAAA,OAAA;AAEF,MAAA,wBAAA,CAAyB,UAAY,EAAA,IAAA,EAAM,IAAM,EAAA,KAAA,CAAM,qBAAuB,EAAA,cAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGhF,IAA+B,8BAAA,CAAA,QAAA,CAC7B,qBACA,EAAA,CAAC,UAAwC,KAAA;AACvC,MAAA,IAAI,MAAM,WAAY,CAAA,MAAA,KAAW,CAAK,IAAA,UAAA,CAAW,WAAW,CAAG,EAAA;AAC7D,QAAM,MAAA,CAAE,UAAY,EAAA,aAAA,CAAA,GAAkB,UAAW,CAAA,CAAA,CAAA,CAAA;AAEjD,QAAA,IAAI,cAAc,aAAe,EAAA;AAC/B,UAAA,8BAAA,CAA+B,UAAY,EAAA,aAAA,CAAA,CAAA;AAC3C,UAAA,iBAAA,CAAkB,UAAY,EAAA,aAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,EAKrC,CAAC,KAAO,EAAA,IAAA,CAAA,CAAA,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AA9OlB,IAAA,IAAA,EAAA,CAAA;AAgPI,IAAO,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,gBAAA,KAAP,mBAAyB,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,GAAA,EACjC,CAAC,IAAA,CAAA,CAAA,CAAA;AAEJ,EAAA,2CACG,mBAAD,EAAA;AAAA,IACE,SAAA,EAAW,aAAa,uBAAyB,EAAA,WAAA,CAAA;AAAA,IACjD,OAAO,CAAE,CAAA,UAAA,CAAA;AAAA,IACT,OAAA,sCAAU,eAAD,EAAA;AAAA,MAAiB,iBAAiB,gBAAiB,CAAA,IAAA;AAAA,KAAA,CAAA;AAAA,GAAA,sCAE3D,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,uBAAyB,EAAA,qBAAA,CAAA;AAAA,GAAA,sCACnD,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,uBAAyB,EAAA,eAAA,CAAA;AAAA,IAAkB,GAAA;AAAA,GACvE,CAAA,EAAA,CAAC,WAAe,oBAAA,KAAA,CAAA,aAAA,CAAC,SAAD,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAMzB,yBAAe,QAAQ,iBAAmB,EAAA,IAAA,EAAM,IAAM,EAAA,CAAE,SAAS,eAC/D,CAAA,CAAA,CAAA,kBAAA,CAAA;;;;"}

package/es/components/pointCloudView/PointCloudContext.js

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

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

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

package/es/components/pointCloudView/PointCloudListener.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PointCloudListener.js","sources":["../../../src/components/pointCloudView/PointCloudListener.tsx"],"sourcesContent":["import { PointCloudContext } from './PointCloudContext';\nimport { useRotate } from './hooks/useRotate';\nimport { useBoxes } from './hooks/useBoxes';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport React, { useContext, useEffect } from 'react';\nimport { cTool, AttributeUtils, CommonToolUtils, EToolName } from '@labelbee/lb-annotation';\nimport { message } from 'antd';\nimport { connect } from 'react-redux';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { useCustomToolInstance } from '@/hooks/annotation';\nimport { useStatus } from './hooks/useStatus';\nimport { jsonParser } from '@/utils';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { useHistory } from './hooks/useHistory';\nimport { useAttribute } from './hooks/useAttribute';\nimport { useConfig } from './hooks/useConfig';\nimport { usePolygon } from './hooks/usePolygon';\nimport { useTranslation } from 'react-i18next';\n\nconst { EPolygonPattern } = cTool;\n\ninterface IProps extends IA2MapStateProps {\n  checkMode?: boolean;\n}\n\nconst PointCloudListener: React.FC<IProps> = ({ currentData, config, checkMode, configString, imgIndex }) => {\n  const ptCtx = useContext(PointCloudContext);\n  const {\n    changeSelectedBoxValid,\n    selectNextBox,\n    selectPrevBox,\n    updateSelectedBox,\n    deleteSelectedPointCloudBoxAndPolygon,\n  } = useSingleBox();\n  const { clearAllResult, updatePointCloudPattern } = useStatus();\n  const basicInfo = jsonParser(currentData.result);\n  const { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes } = useBoxes({ config });\n  const { toolInstanceRef } = useCustomToolInstance({ basicInfo });\n  const { updateRotate } = useRotate({ currentData });\n  const { updatePointCloudData, topViewSelectedChanged } = usePointCloudViews();\n  const { redo, undo, pushHistoryWithList, pushHistoryUnderUpdatePolygon } = useHistory();\n  const { syncThreeViewsAttribute } = useAttribute();\n  const { syncAllViewsConfig, reRenderTopViewRange } = useConfig();\n  const { selectedPolygon } = usePolygon();\n  const { t } = useTranslation();\n\n  const keydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    const { topViewInstance, mainViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n    switch (lowerCaseKey) {\n      case 'q': {\n        // Q - anticlockwise\n        updateRotate(2);\n        break;\n      }\n\n      case 'e':\n        // E - closewise\n        updateRotate(-2);\n\n        break;\n\n      case 'g':\n        // G ， overturn 180\n        updateRotate(180);\n\n        break;\n\n      case 'u':\n        {\n          // U , change TopOpereation Pattern\n          const newToolName =\n            TopPointCloudPolygonOperation.pattern === EPolygonPattern.Normal\n              ? EToolName.Rect\n              : EToolName.Polygon;\n          updatePointCloudPattern(newToolName);\n\n          // Tips\n          const POLYGON_PATTERN = {\n            [EToolName.Polygon]: t('PolygonPattern'),\n            [EToolName.Rect]: t('RectPattern'),\n          };\n          message.success(t('ChangePatternMsg', { pattern: POLYGON_PATTERN[newToolName] }));\n\n          // Clear Status\n          TopPointCloudPolygonOperation.clearActiveStatus();\n          TopPointCloudPolygonOperation.clearDrawingStatus();\n        }\n\n        break;\n\n      // +: Increase points size\n      case '+':\n        mainViewInstance?.updatePointSize(true);\n        break;\n\n      // -: Reduce points size\n      case '-':\n        mainViewInstance?.updatePointSize(false);\n        break;\n\n      case 'v':\n        ptCtx.setPointCloudValid(!ptCtx.valid);\n        break;\n\n      case 'tab':\n        if (e.shiftKey) {\n          selectPrevBox();\n          break;\n        }\n        selectNextBox();\n        e.preventDefault();\n        break;\n\n      case 'f':\n        changeSelectedBoxValid();\n        break;\n\n      case 'delete':\n        deleteSelectedPointCloudBoxAndPolygon();\n        break;\n\n      default: {\n        if (config.attributeList?.length > 0) {\n          const keyCode2Attribute = AttributeUtils.getAttributeByKeycode(\n            e.keyCode,\n            config.attributeList,\n          );\n\n          if (keyCode2Attribute !== undefined) {\n            toolInstanceRef.current.setDefaultAttribute(keyCode2Attribute);\n          }\n        }\n        return;\n      }\n    }\n  };\n\n  const ctrlKeydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    switch (lowerCaseKey) {\n      case 'c':\n        copySelectedBoxes();\n        break;\n      case 'v':\n        pasteSelectedBoxes();\n        break;\n      case 'a':\n        ptCtx.selectedAllBoxes();\n        break;\n      case 'z': {\n        if (e.shiftKey) {\n          redo();\n        } else {\n          undo();\n        }\n        break;\n      }\n\n      default:\n        break;\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (!CommonToolUtils.hotkeyFilter(e) || checkMode === true) {\n      return;\n    }\n\n    const lowerCaseKey = e.key.toLocaleLowerCase();\n\n    if (e.ctrlKey) {\n      ctrlKeydownEvents(lowerCaseKey, e);\n      return;\n    }\n\n    keydownEvents(lowerCaseKey, e);\n  };\n\n  useEffect(() => {\n    const { topViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    window.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [ptCtx, copiedBoxes, config, ptCtx.pointCloudBoxList, ptCtx.polygonList]);\n\n  useEffect(() => {\n    syncAllViewsConfig(config);\n  }, [configString]);\n\n  useEffect(() => {\n    if (config?.radius) {\n      reRenderTopViewRange(config?.radius);\n    }\n  }, [config?.radius]);\n\n  // Page switch data initialization\n  useEffect(() => {\n    updatePointCloudData?.();\n  }, [imgIndex, ptCtx.mainViewInstance]);\n\n  // Update the listener of toolInstance.\n  useEffect(() => {\n    toolInstanceRef.current.exportData = () => {\n      return [ptCtx.pointCloudBoxList, { valid: ptCtx.valid }];\n    };\n\n    toolInstanceRef.current.exportCustomData = () => {\n      return {\n        resultPolygon: ptCtx.polygonList ?? [],\n      };\n    };\n\n    toolInstanceRef.current.setDefaultAttribute = (newAttribute: string) => {\n      syncThreeViewsAttribute(newAttribute);\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        selectBox.attribute = newAttribute;\n\n        const newPointCloudList = updateSelectedBox(selectBox);\n\n        if (ptCtx.mainViewInstance) {\n          // TODO: Poor performance.\n          topViewSelectedChanged(selectBox, newPointCloudList);\n        }\n      }\n      if (selectedPolygon) {\n        pushHistoryUnderUpdatePolygon({ ...selectedPolygon, attribute: newAttribute });\n      }\n    };\n\n    toolInstanceRef.current.setSubAttribute = (key: string, value: string) => {\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        const originSubAttribute = selectBox?.subAttribute ?? {};\n\n        selectBox.subAttribute = {\n          ...originSubAttribute,\n          [key]: value,\n        };\n\n        updateSelectedBox(selectBox);\n      }\n    };\n    toolInstanceRef.current.clearResult = () => {\n      clearAllResult?.();\n    };\n\n    toolInstanceRef.current.redo = () => {\n      redo();\n    };\n\n    toolInstanceRef.current.undo = () => {\n      undo();\n    };\n\n    toolInstanceRef.current.setValid = (valid: boolean) => {\n      toolInstanceRef.current.valid = valid;\n\n      // Avoid triggering SetState operations in the reducer phase\n      setTimeout(() => {\n        ptCtx.setPointCloudValid(valid);\n\n        if (valid === false) {\n          clearAllResult();\n        }\n      });\n    };\n\n    /**\n     * TopView forbid all operations.\n     * @param forbidOperation\n     */\n    toolInstanceRef.current.setForbidOperation = (forbidOperation: boolean) => {\n      ptCtx.topViewInstance?.pointCloud2dOperation?.setForbidOperation(forbidOperation);\n      if (forbidOperation === true) {\n        // Clear Selected Status.\n        ptCtx.setSelectedIDs(undefined);\n      }\n    };\n\n    toolInstanceRef.current.setShowDefaultCursor = (showDefaultCursor: boolean) => {\n      ptCtx.topViewInstance?.pointCloud2dOperation?.setShowDefaultCursor(showDefaultCursor);\n    };\n  }, [\n    ptCtx.pointCloudBoxList,\n    ptCtx.selectedID,\n    ptCtx.valid,\n    ptCtx.polygonList,\n    ptCtx.mainViewInstance,\n  ]);\n\n  useEffect(() => {\n    toolInstanceRef.current.history = {\n      // Origin Result\n      pushHistory: (result: any[]) => {\n        // Rewrite\n        // TODO, The polygon is out of range.\n        pushHistoryWithList({ pointCloudBoxList: result });\n      },\n      initRecord: () => {},\n    };\n  }, []);\n\n  useEffect(() => {\n    const toolInstance = ptCtx.topViewInstance?.pointCloud2dOperation;\n\n    if (!toolInstance || checkMode) {\n      return;\n    }\n    // TopViewOperation Emitter\n    const syncAttribute = (newAttribute: string) => {\n      syncThreeViewsAttribute(newAttribute);\n    };\n\n    const messageError = (error: string) => {\n      message.error(error);\n    };\n    const messageInfo = (info: string) => {\n      message.info(info);\n    };\n\n    toolInstance.on('syncAttribute', syncAttribute);\n    toolInstance.on('messageError', messageError);\n    toolInstance.on('messageInfo', messageInfo);\n\n    return () => {\n      toolInstance.unbind('syncAttribute', syncAttribute);\n      toolInstance.unbind('messageError', messageError);\n      toolInstance.unbind('messageInfo', messageInfo);\n    };\n  }, [ptCtx.topViewInstance]);\n\n  return null;\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudListener,\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PointCloudListener.js","sources":["../../../src/components/pointCloudView/PointCloudListener.tsx"],"sourcesContent":["import { PointCloudContext } from './PointCloudContext';\nimport { useRotate } from './hooks/useRotate';\nimport { useBoxes } from './hooks/useBoxes';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport React, { useContext, useEffect } from 'react';\nimport { cTool, AttributeUtils, CommonToolUtils, EToolName } from '@labelbee/lb-annotation';\nimport { message } from 'antd';\nimport { connect } from 'react-redux';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { useCustomToolInstance } from '@/hooks/annotation';\nimport { useStatus } from './hooks/useStatus';\nimport { jsonParser } from '@/utils';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { useHistory } from './hooks/useHistory';\nimport { useAttribute } from './hooks/useAttribute';\nimport { ICoordinate } from '@labelbee/lb-utils/dist/types/types/common';\nimport { useConfig } from './hooks/useConfig';\nimport { usePolygon } from './hooks/usePolygon';\nimport { useTranslation } from 'react-i18next';\n\nconst { EPolygonPattern } = cTool;\n\ninterface IProps extends IA2MapStateProps {\n  checkMode?: boolean;\n}\n\nconst PointCloudListener: React.FC<IProps> = ({\n  currentData,\n  config,\n  checkMode,\n  configString,\n  imgIndex,\n}) => {\n  const ptCtx = useContext(PointCloudContext);\n  const {\n    changeSelectedBoxValid,\n    selectNextBox,\n    selectPrevBox,\n    updateSelectedBox,\n    deleteSelectedPointCloudBoxAndPolygon,\n  } = useSingleBox();\n  const { clearAllResult, updatePointCloudPattern } = useStatus();\n  const basicInfo = jsonParser(currentData.result);\n  const { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes } = useBoxes({ config });\n  const { toolInstanceRef } = useCustomToolInstance({ basicInfo });\n  const { updateRotate } = useRotate({ currentData });\n  const { updatePointCloudData, topViewSelectedChanged } = usePointCloudViews();\n  const { redo, undo, pushHistoryWithList, pushHistoryUnderUpdatePolygon } = useHistory();\n  const { syncThreeViewsAttribute } = useAttribute();\n  const { syncAllViewsConfig, reRenderTopViewRange } = useConfig();\n  const { selectedPolygon } = usePolygon();\n  const { t } = useTranslation();\n\n  const updatePolygonOffset = (offset: Partial<ICoordinate>) => {\n    const { topViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n    topViewInstance.pointCloud2dOperation?.updateSelectedPolygonsPoints(offset);\n  };\n\n  const keydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    const { topViewInstance, mainViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n    switch (lowerCaseKey) {\n      case 'q': {\n        // Q - anticlockwise\n        updateRotate(2);\n        break;\n      }\n\n      case 'e':\n        // E - closewise\n        updateRotate(-2);\n\n        break;\n\n      case 'g':\n        // G ， overturn 180\n        updateRotate(180);\n\n        break;\n\n      case 'u':\n        {\n          // U , change TopOpereation Pattern\n          const newToolName =\n            TopPointCloudPolygonOperation.pattern === EPolygonPattern.Normal\n              ? EToolName.Rect\n              : EToolName.Polygon;\n          updatePointCloudPattern(newToolName);\n\n          // Tips\n          const POLYGON_PATTERN = {\n            [EToolName.Polygon]: t('PolygonPattern'),\n            [EToolName.Rect]: t('RectPattern'),\n          };\n          message.success(t('ChangePatternMsg', { pattern: POLYGON_PATTERN[newToolName] }));\n\n          // Clear Status\n          TopPointCloudPolygonOperation.clearActiveStatus();\n          TopPointCloudPolygonOperation.clearDrawingStatus();\n        }\n\n        break;\n\n      // +: Increase points size\n      case '+':\n        mainViewInstance?.updatePointSize(true);\n        break;\n\n      // -: Reduce points size\n      case '-':\n        mainViewInstance?.updatePointSize(false);\n        break;\n\n      case 'v':\n        ptCtx.setPointCloudValid(!ptCtx.valid);\n        break;\n\n      case 'tab':\n        if (e.shiftKey) {\n          selectPrevBox();\n          break;\n        }\n        selectNextBox();\n        e.preventDefault();\n        break;\n\n      case 'f':\n        changeSelectedBoxValid();\n        break;\n\n      case 'arrowup':\n        updatePolygonOffset({ y: -1 });\n        break;\n\n      case 'arrowdown':\n        updatePolygonOffset({ y: 1 });\n        break;\n\n      case 'arrowleft':\n        updatePolygonOffset({ x: -1 });\n        break;\n\n      case 'arrowright':\n        updatePolygonOffset({ x: 1 });\n        break;\n\n      case 'delete':\n        deleteSelectedPointCloudBoxAndPolygon();\n        break;\n\n      default: {\n        if (config.attributeList?.length > 0) {\n          const keyCode2Attribute = AttributeUtils.getAttributeByKeycode(\n            e.keyCode,\n            config.attributeList,\n          );\n\n          if (keyCode2Attribute !== undefined) {\n            toolInstanceRef.current.setDefaultAttribute(keyCode2Attribute);\n          }\n        }\n        return;\n      }\n    }\n  };\n\n  const ctrlKeydownEvents = (lowerCaseKey: string, e: KeyboardEvent) => {\n    switch (lowerCaseKey) {\n      case 'c':\n        copySelectedBoxes();\n        break;\n      case 'v':\n        pasteSelectedBoxes();\n        break;\n      case 'a':\n        ptCtx.selectedAllBoxes();\n        break;\n      case 'z': {\n        if (e.shiftKey) {\n          redo();\n        } else {\n          undo();\n        }\n        break;\n      }\n\n      default:\n        break;\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (!CommonToolUtils.hotkeyFilter(e) || checkMode === true) {\n      return;\n    }\n\n    const lowerCaseKey = e.key.toLocaleLowerCase();\n\n    if (e.ctrlKey) {\n      ctrlKeydownEvents(lowerCaseKey, e);\n      return;\n    }\n\n    keydownEvents(lowerCaseKey, e);\n  };\n\n  useEffect(() => {\n    const { topViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    window.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [ptCtx, copiedBoxes, config, ptCtx.pointCloudBoxList, ptCtx.polygonList]);\n\n  useEffect(() => {\n    syncAllViewsConfig(config);\n  }, [configString]);\n\n  useEffect(() => {\n    if (config?.radius) {\n      reRenderTopViewRange(config?.radius);\n    }\n  }, [config?.radius]);\n\n  // Page switch data initialization\n  useEffect(() => {\n    updatePointCloudData?.();\n  }, [imgIndex, ptCtx.mainViewInstance]);\n\n  // Update the listener of toolInstance.\n  useEffect(() => {\n    toolInstanceRef.current.exportData = () => {\n      return [ptCtx.pointCloudBoxList, { valid: ptCtx.valid }];\n    };\n\n    toolInstanceRef.current.exportCustomData = () => {\n      return {\n        resultPolygon: ptCtx.polygonList ?? [],\n      };\n    };\n\n    toolInstanceRef.current.setDefaultAttribute = (newAttribute: string) => {\n      syncThreeViewsAttribute(newAttribute);\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        selectBox.attribute = newAttribute;\n\n        const newPointCloudList = updateSelectedBox(selectBox);\n\n        if (ptCtx.mainViewInstance) {\n          // TODO: Poor performance.\n          topViewSelectedChanged(selectBox, newPointCloudList);\n        }\n      }\n      if (selectedPolygon) {\n        pushHistoryUnderUpdatePolygon({ ...selectedPolygon, attribute: newAttribute });\n      }\n    };\n\n    toolInstanceRef.current.setSubAttribute = (key: string, value: string) => {\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        const originSubAttribute = selectBox?.subAttribute ?? {};\n\n        selectBox.subAttribute = {\n          ...originSubAttribute,\n          [key]: value,\n        };\n\n        updateSelectedBox(selectBox);\n      }\n    };\n    toolInstanceRef.current.clearResult = () => {\n      clearAllResult?.();\n    };\n\n    toolInstanceRef.current.redo = () => {\n      redo();\n    };\n\n    toolInstanceRef.current.undo = () => {\n      undo();\n    };\n\n    toolInstanceRef.current.setValid = (valid: boolean) => {\n      toolInstanceRef.current.valid = valid;\n\n      // Avoid triggering SetState operations in the reducer phase\n      setTimeout(() => {\n        ptCtx.setPointCloudValid(valid);\n\n        if (valid === false) {\n          clearAllResult();\n        }\n      });\n    };\n\n    /**\n     * TopView forbid all operations.\n     * @param forbidOperation\n     */\n    toolInstanceRef.current.setForbidOperation = (forbidOperation: boolean) => {\n      ptCtx.topViewInstance?.pointCloud2dOperation?.setForbidOperation(forbidOperation);\n      if (forbidOperation === true) {\n        // Clear Selected Status.\n        ptCtx.setSelectedIDs(undefined);\n      }\n    };\n\n    toolInstanceRef.current.setShowDefaultCursor = (showDefaultCursor: boolean) => {\n      ptCtx.topViewInstance?.pointCloud2dOperation?.setShowDefaultCursor(showDefaultCursor);\n    };\n  }, [\n    ptCtx.pointCloudBoxList,\n    ptCtx.selectedID,\n    ptCtx.valid,\n    ptCtx.polygonList,\n    ptCtx.mainViewInstance,\n  ]);\n\n  useEffect(() => {\n    toolInstanceRef.current.history = {\n      // Origin Result\n      pushHistory: (result: any[]) => {\n        // Rewrite\n        // TODO, The polygon is out of range.\n        pushHistoryWithList({ pointCloudBoxList: result });\n      },\n      initRecord: () => {},\n    };\n  }, []);\n\n  useEffect(() => {\n    const toolInstance = ptCtx.topViewInstance?.pointCloud2dOperation;\n\n    if (!toolInstance || checkMode) {\n      return;\n    }\n    // TopViewOperation Emitter\n    const syncAttribute = (newAttribute: string) => {\n      syncThreeViewsAttribute(newAttribute);\n    };\n\n    const messageError = (error: string) => {\n      message.error(error);\n    };\n    const messageInfo = (info: string) => {\n      message.info(info);\n    };\n\n    toolInstance.on('syncAttribute', syncAttribute);\n    toolInstance.on('messageError', messageError);\n    toolInstance.on('messageInfo', messageInfo);\n\n    return () => {\n      toolInstance.unbind('syncAttribute', syncAttribute);\n      toolInstance.unbind('messageError', messageError);\n      toolInstance.unbind('messageInfo', messageInfo);\n    };\n  }, [ptCtx.topViewInstance]);\n\n  return null;\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudListener,\n);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudSideView.js

@@ -1 +1 @@
-import{PointCloudAnnotation as h}from"@labelbee/lb-annotation";import{getClassName as f}from"../../utils/dom.js";import{PointCloudContainer as P}from"./PointCloudLayout.js";import m,{useRef as g,useEffect as p}from"react";import{EPerspectiveView as v}from"@labelbee/lb-utils";import{PointCloudContext as V}from"./PointCloudContext.js";import{SizeInfoForView as y}from"./PointCloudInfos.js";import{connect as j}from"react-redux";import{a2MapStateToProps as b}from"../../store/annotation/map.js";import{usePointCloudViews as B}from"./hooks/usePointCloudViews.js";import{useSingleBox as E}from"./hooks/useSingleBox.js";import S from"./components/EmptyPage/index.js";import I from"../../hooks/useSize.js";import{useTranslation as O}from"react-i18next";import{LabelBeeContext as M}from"../../store/ctx.js";const N=(r,s,e=1)=>{const{width:l,height:i}=s,t={x:r.x+l*e/2,y:r.y+i*e/2},o={x:s.width/2,y:s.height/2};return{offsetX:(o.x-t.x)/e,offsetY:-(o.y-t.y)/e}},x=(r,s,e,l,i)=>{const{offsetX:t,offsetY:o}=N(r,e,s);if(i.camera.zoom=s,r){const u=Math.cos(l.rotation),n=Math.sin(l.rotation),d=t*u,a=t*n,{x:c,y:w,z:C}=i.initCameraPosition;i.camera.position.set(c-d,w-a,C+o)}i.camera.updateProjectionMatrix(),i.render()},X=({config:r,checkMode:s})=>{const e=m.useContext(V),{sideViewUpdateBox:l}=B(),{selectedBox:i}=E(),t=g(null),o=I(t),{t:u}=O();return p(()=>{if(t.current){const n={width:t.current.clientWidth,height:t.current.clientHeight},d=new h({container:t.current,size:n,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0},config:r,checkMode:s});e.setSideViewInstance(d)}},[]),p(()=>{if(!o||!e.sideViewInstance)return;const{pointCloud2dOperation:n,pointCloudInstance:d}=e.sideViewInstance;n.singleOn("renderZoom",(a,c)=>{!e.selectedPointCloudBox||x(c,a,o,e.selectedPointCloudBox,d)}),n.singleOn("dragMove",({currentPos:a,zoom:c})=>{!e.selectedPointCloudBox||x(a,c,o,e.selectedPointCloudBox,d)}),n.singleOn("updatePolygonByDrag",({newPolygon:a,originPolygon:c})=>{l(a,c)})},[e,o]),p(()=>{var n;(n=e==null?void 0:e.sideViewInstance)==null||n.initSize(o)},[o]),m.createElement(P,{className:f("point-cloud-container","side-view"),title:u("SideView"),toolbar:m.createElement(y,{perspectiveView:v.Left})},m.createElement("div",{className:f("point-cloud-container","bottom-view-content")},m.createElement("div",{className:f("point-cloud-container","core-instance"),ref:t}),!i&&m.createElement(S,null)))};var L=j(b,null,null,{context:M})(X);export{L as default};
+import{PointCloudAnnotation as g}from"@labelbee/lb-annotation";import{getClassName as p}from"../../utils/dom.js";import{PointCloudContainer as h}from"./PointCloudLayout.js";import m,{useRef as P,useEffect as w}from"react";import{EPerspectiveView as y}from"@labelbee/lb-utils";import{PointCloudContext as v}from"./PointCloudContext.js";import{SizeInfoForView as V}from"./PointCloudInfos.js";import{connect as j}from"react-redux";import{a2MapStateToProps as b}from"../../store/annotation/map.js";import{usePointCloudViews as B}from"./hooks/usePointCloudViews.js";import{useSingleBox as E}from"./hooks/useSingleBox.js";import I from"./components/EmptyPage/index.js";import S from"../../hooks/useSize.js";import{useTranslation as O}from"react-i18next";import{LabelBeeContext as M}from"../../store/ctx.js";const N=(a,s,e=1)=>{const{width:l,height:i}=s,t={x:a.x+l*e/2,y:a.y+i*e/2},o={x:s.width/2,y:s.height/2};return{offsetX:(o.x-t.x)/e,offsetY:-(o.y-t.y)/e}},x=(a,s,e,l,i)=>{const{offsetX:t,offsetY:o}=N(a,e,s);if(i.camera.zoom=s,a){const f=Math.cos(l.rotation),n=Math.sin(l.rotation),d=t*f,r=t*n,{x:c,y:u,z:C}=i.initCameraPosition;i.camera.position.set(c-d,u-r,C+o)}i.camera.updateProjectionMatrix(),i.render()},X=({config:a,checkMode:s})=>{const e=m.useContext(v),{sideViewUpdateBox:l}=B(),{selectedBox:i}=E(),t=P(null),o=S(t),{t:f}=O();return w(()=>{if(t.current){const n={width:t.current.clientWidth,height:t.current.clientHeight},d=new g({container:t.current,size:n,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0},config:a,checkMode:s});e.setSideViewInstance(d)}},[]),w(()=>{if(!o||!e.sideViewInstance)return;const{pointCloud2dOperation:n,pointCloudInstance:d}=e.sideViewInstance;n.singleOn("renderZoom",(r,c)=>{!e.selectedPointCloudBox||x(c,r,o,e.selectedPointCloudBox,d)}),n.singleOn("dragMove",({currentPos:r,zoom:c})=>{!e.selectedPointCloudBox||x(r,c,o,e.selectedPointCloudBox,d)}),n.singleOn("updatePolygonByDrag",r=>{if(e.selectedIDs.length===1&&r.length===1){const{newPolygon:c,originPolygon:u}=r[0];l(c,u)}})},[e,o]),w(()=>{var n;(n=e==null?void 0:e.sideViewInstance)==null||n.initSize(o)},[o]),m.createElement(h,{className:p("point-cloud-container","side-view"),title:f("SideView"),toolbar:m.createElement(V,{perspectiveView:y.Left})},m.createElement("div",{className:p("point-cloud-container","bottom-view-content")},m.createElement("div",{className:p("point-cloud-container","core-instance"),ref:t}),!i&&m.createElement(I,null)))};var D=j(b,null,null,{context:M})(X);export{D as default};

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

@@ -1 +1 @@
-{"version":3,"file":"PointCloudSideView.js","sources":["../../../src/components/pointCloudView/PointCloudSideView.tsx"],"sourcesContent":["/**\n * @file PointCloud sideView - React Component\n * @createdate 2022-07-11\n * @author Ron <ron.f.luo@gmail.com>\n */\nimport { PointCloud, PointCloudAnnotation } from '@labelbee/lb-annotation';\nimport { getClassName } from '@/utils/dom';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport React, { useEffect, useRef } from 'react';\nimport { EPerspectiveView, IPointCloudBox } from '@labelbee/lb-utils';\nimport { PointCloudContext } from './PointCloudContext';\nimport { SizeInfoForView } from './PointCloudInfos';\nimport { connect } from 'react-redux';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport EmptyPage from './components/EmptyPage';\nimport useSize from '@/hooks/useSize';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\n/**\n * Get the offset from canvas2d-coordinate to world coordinate\n * @param currentPos\n * @param size\n * @param zoom\n * @returns\n */\nconst TransferCanvas2WorldOffset = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n  zoom = 1,\n) => {\n  const { width: w, height: h } = size;\n\n  const canvasCenterPoint = {\n    x: currentPos.x + (w * zoom) / 2, // 放大倍数之后的中心点的偏移量\n    y: currentPos.y + (h * zoom) / 2,\n  };\n\n  const worldCenterPoint = {\n    x: size.width / 2,\n    y: size.height / 2,\n  };\n\n  return {\n    offsetX: (worldCenterPoint.x - canvasCenterPoint.x) / zoom,\n    offsetY: -(worldCenterPoint.y - canvasCenterPoint.y) / zoom,\n  };\n};\n\nconst updateSideViewByCanvas2D = (\n  currentPos: { x: number; y: number },\n  zoom: number,\n  size: { width: number; height: number },\n  selectedPointCloudBox: IPointCloudBox,\n  SidePointCloud: PointCloud,\n) => {\n  const { offsetX, offsetY } = TransferCanvas2WorldOffset(currentPos, size, zoom);\n  SidePointCloud.camera.zoom = zoom;\n  if (currentPos) {\n    const cos = Math.cos(selectedPointCloudBox.rotation);\n    const sin = Math.sin(selectedPointCloudBox.rotation);\n    const offsetXX = offsetX * cos;\n    const offsetXY = offsetX * sin;\n    const { x, y, z } = SidePointCloud.initCameraPosition;\n    SidePointCloud.camera.position.set(x - offsetXX, y - offsetXY, z + offsetY);\n  }\n  SidePointCloud.camera.updateProjectionMatrix();\n  SidePointCloud.render();\n};\n\ninterface IProps {\n  checkMode?: boolean\n}\n\nconst PointCloudSideView: React.FC<IA2MapStateProps & IProps> = ({ config, checkMode }) => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const { sideViewUpdateBox } = usePointCloudViews();\n  const { selectedBox } = useSingleBox();\n  const ref = useRef<HTMLDivElement>(null);\n  const size = useSize(ref);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    if (ref.current) {\n      const size = {\n        width: ref.current.clientWidth,\n        height: ref.current.clientHeight,\n      };\n\n      const pointCloudAnnotation = new PointCloudAnnotation({\n        container: ref.current,\n        size,\n        polygonOperationProps: { showDirectionLine: false, forbidAddNew: true },\n        config,\n        checkMode\n      });\n      ptCtx.setSideViewInstance(pointCloudAnnotation);\n      // };\n    }\n  }, []);\n\n  useEffect(() => {\n    // By the way as an initialization judgment\n    if (!size || !ptCtx.sideViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation, pointCloudInstance } = ptCtx.sideViewInstance;\n\n    /**\n     * Synchronized 3d point cloud view displacement operations\n     *\n     * Change Orthographic Camera size\n     */\n    pointCloud2dOperation.singleOn('renderZoom', (zoom: number, currentPos: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateSideViewByCanvas2D(\n        currentPos,\n        zoom,\n        size,\n        ptCtx.selectedPointCloudBox,\n        pointCloudInstance,\n      );\n    });\n\n    // Synchronized 3d point cloud view displacement operations\n    pointCloud2dOperation.singleOn('dragMove', ({ currentPos, zoom }: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateSideViewByCanvas2D(\n        currentPos,\n        zoom,\n        size,\n        ptCtx.selectedPointCloudBox,\n        pointCloudInstance,\n      );\n    });\n\n    pointCloud2dOperation.singleOn('updatePolygonByDrag', ({ newPolygon, originPolygon }: any) => {\n      sideViewUpdateBox(newPolygon, originPolygon);\n    });\n  }, [ptCtx, size]);\n\n  useEffect(() => {\n    // Update Size\n    ptCtx?.sideViewInstance?.initSize(size);\n  }, [size]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-container', 'side-view')}\n      title={t('SideView')}\n      toolbar={<SizeInfoForView perspectiveView={EPerspectiveView.Left} />}\n    >\n      <div className={getClassName('point-cloud-container', 'bottom-view-content')}>\n        <div className={getClassName('point-cloud-container', 'core-instance')} ref={ref} />\n        {!selectedBox && <EmptyPage />}\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudSideView,\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PointCloudSideView.js","sources":["../../../src/components/pointCloudView/PointCloudSideView.tsx"],"sourcesContent":["/**\n * @file PointCloud sideView - React Component\n * @createdate 2022-07-11\n * @author Ron <ron.f.luo@gmail.com>\n */\nimport { PointCloud, PointCloudAnnotation } from '@labelbee/lb-annotation';\nimport { getClassName } from '@/utils/dom';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport React, { useEffect, useRef } from 'react';\nimport { EPerspectiveView, IPointCloudBox, UpdatePolygonByDragList } from '@labelbee/lb-utils';\nimport { PointCloudContext } from './PointCloudContext';\nimport { SizeInfoForView } from './PointCloudInfos';\nimport { connect } from 'react-redux';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport EmptyPage from './components/EmptyPage';\nimport useSize from '@/hooks/useSize';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\n/**\n * Get the offset from canvas2d-coordinate to world coordinate\n * @param currentPos\n * @param size\n * @param zoom\n * @returns\n */\nconst TransferCanvas2WorldOffset = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n  zoom = 1,\n) => {\n  const { width: w, height: h } = size;\n\n  const canvasCenterPoint = {\n    x: currentPos.x + (w * zoom) / 2, // 放大倍数之后的中心点的偏移量\n    y: currentPos.y + (h * zoom) / 2,\n  };\n\n  const worldCenterPoint = {\n    x: size.width / 2,\n    y: size.height / 2,\n  };\n\n  return {\n    offsetX: (worldCenterPoint.x - canvasCenterPoint.x) / zoom,\n    offsetY: -(worldCenterPoint.y - canvasCenterPoint.y) / zoom,\n  };\n};\n\nconst updateSideViewByCanvas2D = (\n  currentPos: { x: number; y: number },\n  zoom: number,\n  size: { width: number; height: number },\n  selectedPointCloudBox: IPointCloudBox,\n  SidePointCloud: PointCloud,\n) => {\n  const { offsetX, offsetY } = TransferCanvas2WorldOffset(currentPos, size, zoom);\n  SidePointCloud.camera.zoom = zoom;\n  if (currentPos) {\n    const cos = Math.cos(selectedPointCloudBox.rotation);\n    const sin = Math.sin(selectedPointCloudBox.rotation);\n    const offsetXX = offsetX * cos;\n    const offsetXY = offsetX * sin;\n    const { x, y, z } = SidePointCloud.initCameraPosition;\n    SidePointCloud.camera.position.set(x - offsetXX, y - offsetXY, z + offsetY);\n  }\n  SidePointCloud.camera.updateProjectionMatrix();\n  SidePointCloud.render();\n};\n\ninterface IProps {\n  checkMode?: boolean\n}\n\nconst PointCloudSideView: React.FC<IA2MapStateProps & IProps> = ({ config, checkMode }) => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const { sideViewUpdateBox } = usePointCloudViews();\n  const { selectedBox } = useSingleBox();\n  const ref = useRef<HTMLDivElement>(null);\n  const size = useSize(ref);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    if (ref.current) {\n      const size = {\n        width: ref.current.clientWidth,\n        height: ref.current.clientHeight,\n      };\n\n      const pointCloudAnnotation = new PointCloudAnnotation({\n        container: ref.current,\n        size,\n        polygonOperationProps: { showDirectionLine: false, forbidAddNew: true },\n        config,\n        checkMode\n      });\n      ptCtx.setSideViewInstance(pointCloudAnnotation);\n      // };\n    }\n  }, []);\n\n  useEffect(() => {\n    // By the way as an initialization judgment\n    if (!size || !ptCtx.sideViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation, pointCloudInstance } = ptCtx.sideViewInstance;\n\n    /**\n     * Synchronized 3d point cloud view displacement operations\n     *\n     * Change Orthographic Camera size\n     */\n    pointCloud2dOperation.singleOn('renderZoom', (zoom: number, currentPos: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateSideViewByCanvas2D(\n        currentPos,\n        zoom,\n        size,\n        ptCtx.selectedPointCloudBox,\n        pointCloudInstance,\n      );\n    });\n\n    // Synchronized 3d point cloud view displacement operations\n    pointCloud2dOperation.singleOn('dragMove', ({ currentPos, zoom }: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateSideViewByCanvas2D(\n        currentPos,\n        zoom,\n        size,\n        ptCtx.selectedPointCloudBox,\n        pointCloudInstance,\n      );\n    });\n\n    pointCloud2dOperation.singleOn('updatePolygonByDrag', (updateList: UpdatePolygonByDragList) => {\n      if (ptCtx.selectedIDs.length === 1 && updateList.length === 1) {\n        const { newPolygon, originPolygon } = updateList[0];\n        sideViewUpdateBox(newPolygon, originPolygon);\n      }\n    });\n  }, [ptCtx, size]);\n\n  useEffect(() => {\n    // Update Size\n    ptCtx?.sideViewInstance?.initSize(size);\n  }, [size]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-container', 'side-view')}\n      title={t('SideView')}\n      toolbar={<SizeInfoForView perspectiveView={EPerspectiveView.Left} />}\n    >\n      <div className={getClassName('point-cloud-container', 'bottom-view-content')}>\n        <div className={getClassName('point-cloud-container', 'core-instance')} ref={ref} />\n        {!selectedBox && <EmptyPage />}\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudSideView,\n);\n"],"names":[],"mappings":"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"}