@labelbee/lb-components 1.6.0-alpha.8 → 1.6.0-alpha.9

package/dist/App.js

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

package/dist/components/customResizeHook/index.js

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

package/dist/components/pointCloudView/PointCloud2DView.js

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

package/dist/components/pointCloudView/PointCloud3DView.js

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

package/dist/components/pointCloudView/PointCloudBackView.js

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

package/dist/components/pointCloudView/PointCloudListener.js

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

package/dist/components/pointCloudView/PointCloudSideView.js

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

package/dist/components/pointCloudView/PointCloudTopView.js

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

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

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

package/dist/components/pointCloudView/index.js

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

package/dist/components/videoAnnotate/index.js

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

package/dist/hooks/annotation.js

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

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("./components/AnnotationView/index.js"),pointCloudAnnotationView=require("./components/AnnotationView/pointCloudAnnotationView.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),App=require("./App.js"),configureStore=require("./configureStore.js"),actionCreators=require("./store/annotation/actionCreators.js"),TagToolInstanceAdaptorI18nProvider=require("./components/videoPlayer/TagToolInstanceAdaptorI18nProvider.js"),PointCloudContext=require("./components/pointCloudView/PointCloudContext.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,r,t)=>r in e?__defProp(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,__spreadValues=(e,r)=>{for(var t in r||(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(e,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(e,t,r[t]);return e},__spreadProps=(e,r)=>__defProps(e,__getOwnPropDescs(r));const store=configureStore(),OutputApp=(e,r)=>{const[t,o]=React.useState();return React.useImperativeHandle(r,()=>({toolInstance:t,annotationEngine:store.getState().annotation.annotationEngine,pageBackwardActions:()=>store.dispatch(actionCreators.PageBackward()),pageForwardActions:()=>store.dispatch(actionCreators.PageForward()),pageJump:n=>{const a=~~n-1;store.dispatch(actionCreators.PageJump(a))},hello:()=>alert("hello labelBee!!!")}),[t]),React__default.default.createElement(reactRedux.Provider,{store},React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(PointCloudContext.PointCloudProvider,null,React__default.default.createElement(App,__spreadProps(__spreadValues({},e),{setToolInstance:o})))))};var index=React__default.default.forwardRef(OutputApp);exports.AnnotationView=index$1,exports.PointCloudAnnotationView=pointCloudAnnotationView,Object.defineProperty(exports,"i18n",{enumerable:!0,get:function(){return lbUtils.i18n}}),exports.VideoTagTool=TagToolInstanceAdaptorI18nProvider.VideoTagTool,exports.default=index,exports.store=store;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("./components/AnnotationView/index.js"),pointCloudAnnotationView=require("./components/AnnotationView/pointCloudAnnotationView.js"),lbUtils=require("@labelbee/lb-utils"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),App=require("./App.js"),configureStore=require("./configureStore.js"),actionCreators=require("./store/annotation/actionCreators.js"),TagToolInstanceAdaptorI18nProvider=require("./components/videoPlayer/TagToolInstanceAdaptorI18nProvider.js"),PointCloudContext=require("./components/pointCloudView/PointCloudContext.js"),ctx=require("./store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const store=configureStore(),OutputApp=(e,t)=>{const[r,o]=React.useState();return React.useImperativeHandle(t,()=>({toolInstance:r,annotationEngine:store.getState().annotation.annotationEngine,pageBackwardActions:()=>store.dispatch(actionCreators.PageBackward()),pageForwardActions:()=>store.dispatch(actionCreators.PageForward()),pageJump:n=>{const a=~~n-1;store.dispatch(actionCreators.PageJump(a))},hello:()=>alert("hello labelBee!!!")}),[r]),React__default.default.createElement(reactRedux.Provider,{store,context:ctx.LabelBeeContext},React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(PointCloudContext.PointCloudProvider,null,React__default.default.createElement(App,__spreadProps(__spreadValues({},e),{setToolInstance:o})))))};var index=React__default.default.forwardRef(OutputApp);exports.AnnotationView=index$1,exports.PointCloudAnnotationView=pointCloudAnnotationView,Object.defineProperty(exports,"i18n",{enumerable:!0,get:function(){return lbUtils.i18n}}),exports.VideoTagTool=TagToolInstanceAdaptorI18nProvider.VideoTagTool,exports.default=index,exports.store=store;

package/dist/store/ctx.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LabelBeeContext=React__default.default.createContext(void 0),useDispatch=reactRedux.createDispatchHook(LabelBeeContext),useSelector=reactRedux.createSelectorHook(LabelBeeContext);exports.LabelBeeContext=LabelBeeContext,exports.useDispatch=useDispatch,exports.useSelector=useSelector;

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

@@ -0,0 +1,4 @@
+import { AnyAction, Dispatch } from 'redux';
+export declare const LabelBeeContext: any;
+export declare const useDispatch: () => Dispatch<AnyAction | any>;
+export declare const useSelector: <Selected extends unknown>(selector: (state: any) => Selected, equalityFn?: ((previous: Selected, next: Selected) => boolean) | undefined) => Selected;

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

@@ -1 +1 @@
-"use strict";var index=require("../../../index.js"),es=require("antd/es"),_=require("lodash"),React=require("react"),reactRedux=require("react-redux"),FileError=require("../../../components/fileException/FileError.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/toolStyle/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),StepUtils=require("../../../utils/StepUtils.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_),React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,n,r)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,__spreadValues=(e,n)=>{for(var r in n||(n={}))__hasOwnProp.call(n,r)&&__defNormalProp(e,r,n[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(n))__propIsEnum.call(n,r)&&__defNormalProp(e,r,n[r]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const AnnotationOperation=e=>{const[,n]=React.useState(0),{imgAttribute:r,toolStyle:s,toolInstance:t,annotationEngine:o,imgList:f,imgIndex:y,dataInjectionAtCreation:d,renderEnhance:g,customRenderStyle:c,stepList:p,step:b,drawLayerSlot:v}=e,[E,m]=React.useState({zoom:1,currentPos:{x:0,y:0}}),S=React.useRef(null),I=React.useRef(null),l=useSize(S);React.useEffect(()=>{index.store.dispatch(actionCreators.InitToolStyleConfig())},[]),React.useEffect(()=>{if(!!o){switch(lbUtils.i18n.language){case"cn":case"en":o.setLang(lbUtils.i18n.language);break}o==null||o.setDataInjectionAtCreation(d),o==null||o.setRenderEnhance(g),c&&(o==null||o.setCustomRenderStyle(c))}},[o,d,g,c]),React.useEffect(()=>{const i=(a,P)=>{m({zoom:a,currentPos:P})},u=a=>{m(a)};return t&&(t.singleOn("messageError",a=>{es.message.error(a)}),t.singleOn("messageInfo",a=>{es.message.info(a)}),t.singleOn("changeAnnotationShow",()=>{n(a=>a+1)}),t.on("renderZoom",i),t.on("dragMove",u)),()=>{t&&(t.unbind("renderZoom",i),t.unbind("dragMove",u))}},[t]),React.useEffect(()=>{t&&t.setImgAttribute(r)},[r]),React.useEffect(()=>{t&&t.setStyle(s),o&&o.setStyle(s)},[s]),React.useEffect(()=>{(t==null?void 0:t.setSize)&&t.setSize(l),o&&o.setSize(l)},[l]),React.useEffect(()=>{const i=StepUtils.getCurrentStepInfo(b,p);t==null||t.setConfig(i.config)},[p]);const O=()=>{const i=f==null?void 0:f[y];!(i==null?void 0:i.url)||lbAnnotation.ImgUtils.load(i.url).then(u=>{o.setImgNode(u)})};return React__default.default.createElement("div",{ref:S,className:"annotationOperation"},React__default.default.createElement("div",{className:"canvas",ref:I,style:l,id:"toolContainer"},v==null?void 0:v(E)),(t==null?void 0:t.isImgError)===!0&&React__default.default.createElement(FileError,__spreadProps(__spreadValues({},l),{reloadImage:O,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},mapStateToProps=e=>{const n=___default.default.pickBy(e.annotation,(r,s)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(s));return __spreadValues({imgAttribute:e.imgAttribute,toolStyle:e.toolStyle},n)};var AnnotationOperation$1=reactRedux.connect(mapStateToProps)(AnnotationOperation);module.exports=AnnotationOperation$1;
+"use strict";var index=require("../../../index.js"),ctx=require("../../../store/ctx.js"),es=require("antd/es"),_=require("lodash"),React=require("react"),reactRedux=require("react-redux"),FileError=require("../../../components/fileException/FileError.js"),useSize=require("../../../hooks/useSize.js"),actionCreators=require("../../../store/toolStyle/actionCreators.js"),lbAnnotation=require("@labelbee/lb-annotation"),lbUtils=require("@labelbee/lb-utils"),StepUtils=require("../../../utils/StepUtils.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var ___default=_interopDefaultLegacy(_),React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,n,r)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,__spreadValues=(e,n)=>{for(var r in n||(n={}))__hasOwnProp.call(n,r)&&__defNormalProp(e,r,n[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(n))__propIsEnum.call(n,r)&&__defNormalProp(e,r,n[r]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const AnnotationOperation=e=>{const[,n]=React.useState(0),{imgAttribute:r,toolStyle:s,toolInstance:t,annotationEngine:o,imgList:f,imgIndex:b,dataInjectionAtCreation:d,renderEnhance:g,customRenderStyle:c,stepList:p,step:y,drawLayerSlot:v}=e,[E,m]=React.useState({zoom:1,currentPos:{x:0,y:0}}),S=React.useRef(null),I=React.useRef(null),l=useSize(S);React.useEffect(()=>{index.store.dispatch(actionCreators.InitToolStyleConfig())},[]),React.useEffect(()=>{if(!!o){switch(lbUtils.i18n.language){case"cn":case"en":o.setLang(lbUtils.i18n.language);break}o==null||o.setDataInjectionAtCreation(d),o==null||o.setRenderEnhance(g),c&&(o==null||o.setCustomRenderStyle(c))}},[o,d,g,c]),React.useEffect(()=>{const i=(a,P)=>{m({zoom:a,currentPos:P})},u=a=>{m(a)};return t&&(t.singleOn("messageError",a=>{es.message.error(a)}),t.singleOn("messageInfo",a=>{es.message.info(a)}),t.singleOn("changeAnnotationShow",()=>{n(a=>a+1)}),t.on("renderZoom",i),t.on("dragMove",u)),()=>{t&&(t.unbind("renderZoom",i),t.unbind("dragMove",u))}},[t]),React.useEffect(()=>{t&&t.setImgAttribute(r)},[r]),React.useEffect(()=>{t&&t.setStyle(s),o&&o.setStyle(s)},[s]),React.useEffect(()=>{(t==null?void 0:t.setSize)&&t.setSize(l),o&&o.setSize(l)},[l]),React.useEffect(()=>{const i=StepUtils.getCurrentStepInfo(y,p);t==null||t.setConfig(i.config)},[p]);const O=()=>{const i=f==null?void 0:f[b];!(i==null?void 0:i.url)||lbAnnotation.ImgUtils.load(i.url).then(u=>{o.setImgNode(u)})};return React__default.default.createElement("div",{ref:S,className:"annotationOperation"},React__default.default.createElement("div",{className:"canvas",ref:I,style:l,id:"toolContainer"},v==null?void 0:v(E)),(t==null?void 0:t.isImgError)===!0&&React__default.default.createElement(FileError,__spreadProps(__spreadValues({},l),{reloadImage:O,backgroundColor:"#e2e2e2",ignoreOffsetY:!0})))},mapStateToProps=e=>{const n=___default.default.pickBy(e.annotation,(r,s)=>["imgList","imgIndex","stepList","step","toolInstance","annotationEngine","loading"].includes(s));return __spreadValues({imgAttribute:e.imgAttribute,toolStyle:e.toolStyle},n)};var AnnotationOperation$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(AnnotationOperation);module.exports=AnnotationOperation$1;

package/dist/views/MainView/index.js

@@ -1 +1 @@
-"use strict";var index=require("../../components/customResizeHook/index.js"),index$4=require("../../constant/index.js"),antd=require("antd"),es=require("antd/es"),React=require("react"),index$7=require("./annotationOperation/index.js"),index$6=require("./annotationTips/index.js"),index$3=require("./sidebar/index.js"),index$8=require("./toolFooter/index.js"),index$2=require("./toolHeader/index.js"),reducer=require("../../store/annotation/reducer.js"),index$5=require("../../components/videoAnnotate/index.js"),reactRedux=require("react-redux"),ToolUtils=require("../../utils/ToolUtils.js"),index$9=require("../../components/pointCloudView/index.js"),dom=require("../../utils/dom.js"),index$1=require("../../utils/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const{Sider,Content}=es.Layout,layoutCls=`${index$4.prefix}-layout`,ImageAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,e.showTips===!0&&React__default.default.createElement(index$6,{tips:e.path}),React__default.default.createElement(index$7,__spreadValues({},e)),React__default.default.createElement(index$8.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},PointCloudAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$9,null),React__default.default.createElement(index$8.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},AnnotatedArea=e=>{var t;const{stepList:a,step:r}=e,l=(t=reducer.getStepConfig(a,r))==null?void 0:t.tool,i=ToolUtils.isVideoTool(l),n=ToolUtils.isPointCloudTool(l);return i?React__default.default.createElement(index$5,__spreadValues({},e)):n?React__default.default.createElement(PointCloudAnnotate,__spreadValues({},e)):React__default.default.createElement(ImageAnnotate,__spreadValues({},e))},MainView=e=>{var t,a,r,l,i;const n=(a=(t=e.style)==null?void 0:t.sider)==null?void 0:a.width;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(antd.Spin,{spinning:e.loading},React__default.default.createElement(es.Layout,{className:index$1.classnames([layoutCls,e.className]),style:(r=e.style)==null?void 0:r.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(l=e.style)==null?void 0:l.header},React__default.default.createElement(index$2,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData})),React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container")},e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement(AnnotatedArea,__spreadValues({},e))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:n||240,style:(i=e.style)==null?void 0:i.sider},React__default.default.createElement(index$3.default,{sider:e==null?void 0:e.sider}))))))},mapStateToProps=({annotation:e})=>{var t,a,r;const{imgList:l,loading:i}=e,n=(t=l[e.imgIndex])!=null?t:{};return{path:(r=(a=n==null?void 0:n.path)!=null?a:n==null?void 0:n.url)!=null?r:"",loading:i}};var MainView$1=reactRedux.connect(mapStateToProps)(MainView);module.exports=MainView$1;
+"use strict";var index=require("../../components/customResizeHook/index.js"),index$4=require("../../constant/index.js"),antd=require("antd"),es=require("antd/es"),React=require("react"),index$7=require("./annotationOperation/index.js"),index$6=require("./annotationTips/index.js"),index$3=require("./sidebar/index.js"),index$8=require("./toolFooter/index.js"),index$2=require("./toolHeader/index.js"),reducer=require("../../store/annotation/reducer.js"),index$5=require("../../components/videoAnnotate/index.js"),reactRedux=require("react-redux"),ToolUtils=require("../../utils/ToolUtils.js"),index$9=require("../../components/pointCloudView/index.js"),dom=require("../../utils/dom.js"),index$1=require("../../utils/index.js"),ctx=require("../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const{Sider,Content}=es.Layout,layoutCls=`${index$4.prefix}-layout`,ImageAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,e.showTips===!0&&React__default.default.createElement(index$6,{tips:e.path}),React__default.default.createElement(index$7,__spreadValues({},e)),React__default.default.createElement(index$8.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},PointCloudAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$9,null),React__default.default.createElement(index$8.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},AnnotatedArea=e=>{var t;const{stepList:a,step:n}=e,r=(t=reducer.getStepConfig(a,n))==null?void 0:t.tool,o=ToolUtils.isVideoTool(r),l=ToolUtils.isPointCloudTool(r);return o?React__default.default.createElement(index$5,__spreadValues({},e)):l?React__default.default.createElement(PointCloudAnnotate,__spreadValues({},e)):React__default.default.createElement(ImageAnnotate,__spreadValues({},e))},MainView=e=>{var t,a,n,r,o;const l=(a=(t=e.style)==null?void 0:t.sider)==null?void 0:a.width;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(antd.Spin,{spinning:e.loading},React__default.default.createElement(es.Layout,{className:index$1.classnames([layoutCls,e.className]),style:(n=e.style)==null?void 0:n.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(r=e.style)==null?void 0:r.header},React__default.default.createElement(index$2,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData})),React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container")},e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement(AnnotatedArea,__spreadValues({},e))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:l||240,style:(o=e.style)==null?void 0:o.sider},React__default.default.createElement(index$3.default,{sider:e==null?void 0:e.sider}))))))},mapStateToProps=({annotation:e})=>{var t,a,n;const{imgList:r,loading:o}=e,l=(t=r[e.imgIndex])!=null?t:{};return{path:(n=(a=l==null?void 0:l.path)!=null?a:l==null?void 0:l.url)!=null?n:"",loading:o}};var MainView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(MainView);module.exports=MainView$1;

package/dist/views/MainView/sidebar/AnnotationText/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),es=require("antd/es"),index=require("../TextAreaFormat/index.js"),TextUtils=require("../../../../utils/TextUtils.js"),reactRedux=require("react-redux");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const AnnotationText=({toolInstance:e})=>{var i;const[,u]=React.useState(0);if(React.useEffect(()=>{e&&(e.singleOn("selectedChange",()=>{u(r=>r+1)}),e.singleOn("updateTextAttribute",()=>{u(r=>r+1)}),e.singleOn("messageError",r=>{es.message.error(r)}))},[e]),!e)return null;const{config:t}=e;return React__default.default.createElement("div",null,((i=e==null?void 0:e.config)==null?void 0:i.textConfigurable)&&e.selectedID&&React__default.default.createElement(index,{onChange:e.textChange,textValue:e.selectedText,checkString:TextUtils.TextUtils.checkString(t==null?void 0:t.textCheckType,t==null?void 0:t.customFormat),textCheckType:t.textCheckType}))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance}}var AnnotationText$1=reactRedux.connect(mapStateToProps)(AnnotationText);module.exports=AnnotationText$1;
+"use strict";var React=require("react"),es=require("antd/es"),index=require("../TextAreaFormat/index.js"),TextUtils=require("../../../../utils/TextUtils.js"),reactRedux=require("react-redux"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const AnnotationText=({toolInstance:e})=>{var u;const[,n]=React.useState(0);if(React.useEffect(()=>{e&&(e.singleOn("selectedChange",()=>{n(r=>r+1)}),e.singleOn("updateTextAttribute",()=>{n(r=>r+1)}),e.singleOn("messageError",r=>{es.message.error(r)}))},[e]),!e)return null;const{config:t}=e;return React__default.default.createElement("div",null,((u=e==null?void 0:e.config)==null?void 0:u.textConfigurable)&&e.selectedID&&React__default.default.createElement(index,{onChange:e.textChange,textValue:e.selectedText,checkString:TextUtils.TextUtils.checkString(t==null?void 0:t.textCheckType,t==null?void 0:t.customFormat),textCheckType:t.textCheckType}))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance}}var AnnotationText$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(AnnotationText);module.exports=AnnotationText$1;

package/dist/views/MainView/sidebar/GeneralOperation/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux"),StepUtils=require("../../../../utils/StepUtils.js"),index=require("../../../../utils/index.js"),ActionsConfirm=require("./ActionsConfirm.js"),useOperationList=require("./useOperationList.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const mapStateToProps=t=>{var n,e;const o=StepUtils.getCurrentStepInfo((n=t.annotation)==null?void 0:n.step,(e=t.annotation)==null?void 0:e.stepList);return{toolInstance:t.annotation.toolInstance,stepInfo:o,imgList:t.annotation.imgList,imgIndex:t.annotation.imgIndex}},GeneralOperation=({toolInstance:t,stepInfo:n})=>{const e=useOperationList(t),o=index.jsonParser(n==null?void 0:n.config),r=[e.empty];return(n==null?void 0:n.dataSourceStep)===0&&r.push(e.setValidity),(o==null?void 0:o.copyBackwardResult)&&r.push(e.copyPrevious),React__default.default.createElement(ActionsConfirm,{allOperation:r})},PointCloudOperation=reactRedux.connect(mapStateToProps)(({toolInstance:t,stepInfo:n})=>{const e=useOperationList(t),o=[e.copyPrevious,e.empty,e.setValidity];return React__default.default.createElement(ActionsConfirm,{allOperation:o})});var GeneralOperation$1=reactRedux.connect(mapStateToProps)(GeneralOperation);exports.PointCloudOperation=PointCloudOperation,exports.default=GeneralOperation$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux"),StepUtils=require("../../../../utils/StepUtils.js"),index=require("../../../../utils/index.js"),ActionsConfirm=require("./ActionsConfirm.js"),useOperationList=require("./useOperationList.js"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const mapStateToProps=t=>{var n,e;const o=StepUtils.getCurrentStepInfo((n=t.annotation)==null?void 0:n.step,(e=t.annotation)==null?void 0:e.stepList);return{toolInstance:t.annotation.toolInstance,stepInfo:o,imgList:t.annotation.imgList,imgIndex:t.annotation.imgIndex}},GeneralOperation=({toolInstance:t,stepInfo:n})=>{const e=useOperationList(t),o=index.jsonParser(n==null?void 0:n.config),r=[e.empty];return(n==null?void 0:n.dataSourceStep)===0&&r.push(e.setValidity),(o==null?void 0:o.copyBackwardResult)&&r.push(e.copyPrevious),React__default.default.createElement(ActionsConfirm,{allOperation:r})},PointCloudOperation=reactRedux.connect(mapStateToProps)(({toolInstance:t,stepInfo:n})=>{const e=useOperationList(t),o=[e.copyPrevious,e.empty,e.setValidity];return React__default.default.createElement(ActionsConfirm,{allOperation:o})});var GeneralOperation$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(GeneralOperation);exports.PointCloudOperation=PointCloudOperation,exports.default=GeneralOperation$1;

package/dist/views/MainView/sidebar/GeneralOperation/useOperationList.js

@@ -1 +1 @@
-"use strict";var icon_clear=require("../../../../assets/annotation/common/icon_clear.svg.js"),icon_clear_a=require("../../../../assets/annotation/common/icon_clear_a.svg.js"),icon_invalid=require("../../../../assets/annotation/common/icon_invalid.svg.js"),icon_invalid_a=require("../../../../assets/annotation/common/icon_invalid_a.svg.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),React=require("react"),actionCreators=require("../../../../store/annotation/actionCreators.js"),index=require("../../../../index.js"),reactRedux=require("react-redux");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,r,t)=>r in e?__defProp(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,__spreadValues=(e,r)=>{for(var t in r||(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(e,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(e,t,r[t]);return e};const useOperationList=e=>{const[r,t]=React.useState(0),{t:a,i18n:o}=reactI18next.useTranslation(),{currentData:s}=reactRedux.useSelector(i=>{const{imgList:v,imgIndex:d}=i.annotation;return{currentData:v[d]}}),n={height:"25px",lineHeight:"25px",display:"flex",justifyContent:"center",alignItems:"center"},c={name:a("ClearLabel"),key:"empty",imgSvg:icon_clear,hoverSvg:icon_clear_a,onClick:()=>{e==null||e.clearResult()}},l={name:a((e==null?void 0:e.valid)===!1?"SetAsValid":"SetAsInvalid"),key:"setValidity",imgSvg:React__default.default.createElement(icons.StopOutlined,{style:n}),hoverSvg:React__default.default.createElement(icons.StopOutlined,{style:__spreadValues({color:"#666fff"},n)}),onClick:()=>{e.setValid(!e.valid),setTimeout(()=>{t(i=>i+1)})}},u={name:a("CopyThePrevious"),key:"copyPrevious",imgSvg:icon_invalid,hoverSvg:icon_invalid_a,onClick:()=>{index.store.dispatch(actionCreators.CopyBackWordResult())}};return React.useMemo(()=>({empty:c,setValidity:l,copyPrevious:u}),[e,r,s,o.language])};module.exports=useOperationList;
+"use strict";var icon_clear=require("../../../../assets/annotation/common/icon_clear.svg.js"),icon_clear_a=require("../../../../assets/annotation/common/icon_clear_a.svg.js"),icon_invalid=require("../../../../assets/annotation/common/icon_invalid.svg.js"),icon_invalid_a=require("../../../../assets/annotation/common/icon_invalid_a.svg.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),React=require("react"),actionCreators=require("../../../../store/annotation/actionCreators.js"),index=require("../../../../index.js"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,r,t)=>r in e?__defProp(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,__spreadValues=(e,r)=>{for(var t in r||(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(e,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(e,t,r[t]);return e};const useOperationList=e=>{const[r,t]=React.useState(0),{t:a,i18n:o}=reactI18next.useTranslation(),{currentData:s}=ctx.useSelector(i=>{const{imgList:v,imgIndex:d}=i.annotation;return{currentData:v[d]}}),n={height:"25px",lineHeight:"25px",display:"flex",justifyContent:"center",alignItems:"center"},c={name:a("ClearLabel"),key:"empty",imgSvg:icon_clear,hoverSvg:icon_clear_a,onClick:()=>{e==null||e.clearResult()}},l={name:a((e==null?void 0:e.valid)===!1?"SetAsValid":"SetAsInvalid"),key:"setValidity",imgSvg:React__default.default.createElement(icons.StopOutlined,{style:n}),hoverSvg:React__default.default.createElement(icons.StopOutlined,{style:__spreadValues({color:"#666fff"},n)}),onClick:()=>{e.setValid(!e.valid),setTimeout(()=>{t(i=>i+1)})}},u={name:a("CopyThePrevious"),key:"copyPrevious",imgSvg:icon_invalid,hoverSvg:icon_invalid_a,onClick:()=>{index.store.dispatch(actionCreators.CopyBackWordResult())}};return React.useMemo(()=>({empty:c,setValidity:l,copyPrevious:u}),[e,r,s,o.language])};module.exports=useOperationList;

package/dist/views/MainView/sidebar/ImgAttributeInfo/index.js

@@ -1 +1 @@
-"use strict";var es=require("antd/es"),reactRedux=require("react-redux"),_=require("lodash"),React=require("react"),actionCreators=require("../../../../store/imgAttribute/actionCreators.js"),index=require("../../../../index.js"),saturation=require("../../../../assets/annotation/image/saturation.svg.js"),contrast=require("../../../../assets/annotation/image/contrast.svg.js"),brightness=require("../../../../assets/annotation/image/brightness.svg.js"),zoomUp=require("../../../../assets/attributeIcon/zoomUp.svg.js"),icon_yuantu=require("../../../../assets/annotation/image/icon_yuantu.svg.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const ImgAttributeInfo=t=>{const{imgAttribute:{contrast:r,saturation:s,brightness:l,zoomRatio:i,isOriginalSize:o}}=t,{t:n}=reactI18next.useTranslation(),a=_.throttle(e=>{index.store.dispatch(actionCreators.default.UpdateImgAttribute(e))},60,{trailing:!0}),u=[{name:"Saturation",min:-100,max:500,step:2,onChange:e=>a({saturation:e}),value:s,svg:saturation},{name:"Contrast",min:-100,max:300,step:2,onChange:e=>a({contrast:e}),value:r,svg:contrast},{name:"Exposure",min:-100,max:400,step:2,onChange:e=>a({brightness:e}),value:l,svg:brightness},{name:"ScreenRatio",min:.1,max:10,step:.1,onChange:e=>a({zoomRatio:e}),value:i,svg:zoomUp}];return React.useEffect(()=>()=>{index.store.dispatch(actionCreators.default.InitImgAttribute())},[]),React__default.default.createElement("div",null,u.map((e,m)=>React__default.default.createElement("div",{className:"imgAttributeController",key:`option_${m}`},React__default.default.createElement(es.Row,{className:"tools",style:{padding:"0px 0"}},React__default.default.createElement(es.Col,{span:24},React__default.default.createElement("span",{className:"singleTool"},React__default.default.createElement("img",{width:12,height:12,src:e.svg}),React__default.default.createElement("span",{className:"toolName"},n(e.name))))),React__default.default.createElement(es.Row,null,React__default.default.createElement(es.Col,{span:20},React__default.default.createElement(es.Slider,{min:e.min,max:e.max,step:e.step,value:e.value,onChange:e.onChange,trackStyle:{background:"#666fff"}})),React__default.default.createElement(es.Col,{span:4},React__default.default.createElement(es.Input,{value:e.value,disabled:!0,style:{fontSize:12,marginBottom:23,padding:"0px 2px",textAlign:"center"}}))))),React__default.default.createElement("div",{className:"imgAttributeController"},React__default.default.createElement(es.Row,{className:"tools",style:{padding:"10px 0"}},React__default.default.createElement(es.Col,{span:18},React__default.default.createElement("span",{className:"singleTool"},React__default.default.createElement("img",{src:icon_yuantu,width:16,style:{marginTop:"-2px"}}),React__default.default.createElement("span",{className:"toolName"},n("OriginalScale")))),React__default.default.createElement(es.Col,null,React__default.default.createElement(es.Switch,{checked:o,onChange:e=>a({isOriginalSize:e})})))))};function mapStateToProps({imgAttribute:t}){return{imgAttribute:t}}var ImgAttributeInfo$1=reactRedux.connect(mapStateToProps)(ImgAttributeInfo);module.exports=ImgAttributeInfo$1;
+"use strict";var es=require("antd/es"),reactRedux=require("react-redux"),_=require("lodash"),React=require("react"),actionCreators=require("../../../../store/imgAttribute/actionCreators.js"),index=require("../../../../index.js"),ctx=require("../../../../store/ctx.js"),saturation=require("../../../../assets/annotation/image/saturation.svg.js"),contrast=require("../../../../assets/annotation/image/contrast.svg.js"),brightness=require("../../../../assets/annotation/image/brightness.svg.js"),zoomUp=require("../../../../assets/attributeIcon/zoomUp.svg.js"),icon_yuantu=require("../../../../assets/annotation/image/icon_yuantu.svg.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const ImgAttributeInfo=t=>{const{imgAttribute:{contrast:r,saturation:s,brightness:l,zoomRatio:i,isOriginalSize:o}}=t,{t:n}=reactI18next.useTranslation(),a=_.throttle(e=>{index.store.dispatch(actionCreators.default.UpdateImgAttribute(e))},60,{trailing:!0}),u=[{name:"Saturation",min:-100,max:500,step:2,onChange:e=>a({saturation:e}),value:s,svg:saturation},{name:"Contrast",min:-100,max:300,step:2,onChange:e=>a({contrast:e}),value:r,svg:contrast},{name:"Exposure",min:-100,max:400,step:2,onChange:e=>a({brightness:e}),value:l,svg:brightness},{name:"ScreenRatio",min:.1,max:10,step:.1,onChange:e=>a({zoomRatio:e}),value:i,svg:zoomUp}];return React.useEffect(()=>()=>{index.store.dispatch(actionCreators.default.InitImgAttribute())},[]),React__default.default.createElement("div",null,u.map((e,c)=>React__default.default.createElement("div",{className:"imgAttributeController",key:`option_${c}`},React__default.default.createElement(es.Row,{className:"tools",style:{padding:"0px 0"}},React__default.default.createElement(es.Col,{span:24},React__default.default.createElement("span",{className:"singleTool"},React__default.default.createElement("img",{width:12,height:12,src:e.svg}),React__default.default.createElement("span",{className:"toolName"},n(e.name))))),React__default.default.createElement(es.Row,null,React__default.default.createElement(es.Col,{span:20},React__default.default.createElement(es.Slider,{min:e.min,max:e.max,step:e.step,value:e.value,onChange:e.onChange,trackStyle:{background:"#666fff"}})),React__default.default.createElement(es.Col,{span:4},React__default.default.createElement(es.Input,{value:e.value,disabled:!0,style:{fontSize:12,marginBottom:23,padding:"0px 2px",textAlign:"center"}}))))),React__default.default.createElement("div",{className:"imgAttributeController"},React__default.default.createElement(es.Row,{className:"tools",style:{padding:"10px 0"}},React__default.default.createElement(es.Col,{span:18},React__default.default.createElement("span",{className:"singleTool"},React__default.default.createElement("img",{src:icon_yuantu,width:16,style:{marginTop:"-2px"}}),React__default.default.createElement("span",{className:"toolName"},n("OriginalScale")))),React__default.default.createElement(es.Col,null,React__default.default.createElement(es.Switch,{checked:o,onChange:e=>a({isOriginalSize:e})})))))};function mapStateToProps({imgAttribute:t}){return{imgAttribute:t}}var ImgAttributeInfo$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(ImgAttributeInfo);module.exports=ImgAttributeInfo$1;

package/dist/views/MainView/sidebar/PointCloudToolSidebar/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),ToolIcons=require("../ToolIcons.js"),lbAnnotation=require("@labelbee/lb-annotation"),PointCloudContext=require("../../../../components/pointCloudView/PointCloudContext.js"),antd=require("antd"),StepUtils=require("../../../../utils/StepUtils.js"),reactRedux=require("react-redux"),index=require("../../../../utils/index.js"),useStatus=require("../../../../components/pointCloudView/hooks/useStatus.js"),useSingleBox=require("../../../../components/pointCloudView/hooks/useSingleBox.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const AttributeUpdater=({attributeList:t,subAttributeList:r,toolInstance:l})=>{var n;const u=React.useContext(PointCloudContext.PointCloudContext),{t:o}=reactI18next.useTranslation(),d={fontWeight:400,fontSize:14,marginBottom:14},a=e=>{l.setDefaultAttribute(e)},c=(e,i)=>{l.setSubAttribute(e,i)};return React__default.default.createElement("div",{style:{padding:24,borderBottom:"1px solid #eee"}},React__default.default.createElement("div",{style:{marginBottom:20,fontSize:14,fontWeight:500}},o("Tag")),React__default.default.createElement(antd.Row,{style:{marginBottom:12}},React__default.default.createElement(antd.Col,{span:9,style:d},o("Attribute")),React__default.default.createElement(antd.Col,{span:15},React__default.default.createElement(antd.Radio.Group,{style:{width:"100%"},value:(n=u.selectedPointCloudBox)==null?void 0:n.attribute,onChange:e=>a(e.target.value)},t.map(e=>React__default.default.createElement(antd.Radio,{key:e.value,value:e.value,style:{marginBottom:16}},e.key))))),React__default.default.createElement("div",{style:d}," ",o("SubAttribute")),r.map(e=>{var i,v;return(e==null?void 0:e.subSelected)&&React__default.default.createElement(antd.Row,{key:e.value,style:{marginBottom:18}},React__default.default.createElement(antd.Col,{span:9,style:{color:"#999999",display:"flex",justifyContent:"flex-start",alignItems:"center"}},e.key),React__default.default.createElement(antd.Col,{span:15},React__default.default.createElement(antd.Select,{style:{width:"100%"},bordered:!1,value:(v=(i=u.selectedPointCloudBox)==null?void 0:i.subAttribute)==null?void 0:v[e.value],placeholder:o("PleaseSelect"),onChange:s=>c(e.value,s)},e.subSelected.map(s=>React__default.default.createElement(antd.Select.Option,{key:s.value,value:s.value},s.key)))))}))},PointCloudToolSidebar=({stepInfo:t,toolInstance:r})=>{var l,n;const{selectedBox:u}=useSingleBox.useSingleBox(),{updatePointCloudPattern:o,pointCloudPattern:d}=useStatus.useStatus(),a=index.jsonParser(t.config),c=(l=a==null?void 0:a.attributeList)!=null?l:[],e=(a==null?void 0:a.secondaryAttributeConfigurable)===!0?(n=a==null?void 0:a.inputList)!=null?n:[]:[];return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(ToolIcons.ToolIcons,{toolName:lbAnnotation.cTool.EPointCloudName.PointCloud,selectedToolName:d,onChange:i=>o==null?void 0:o(i)}),u&&React__default.default.createElement(AttributeUpdater,{toolInstance:r,attributeList:c,subAttributeList:e}))},mapStateToProps=t=>{var r,l,n;const u=StepUtils.getCurrentStepInfo((r=t.annotation)==null?void 0:r.step,(l=t.annotation)==null?void 0:l.stepList),o=(n=t.annotation)==null?void 0:n.toolInstance;return{stepInfo:u,toolInstance:o}};var PointCloudToolSidebar$1=reactRedux.connect(mapStateToProps)(PointCloudToolSidebar);module.exports=PointCloudToolSidebar$1;
+"use strict";var React=require("react"),ToolIcons=require("../ToolIcons.js"),lbAnnotation=require("@labelbee/lb-annotation"),PointCloudContext=require("../../../../components/pointCloudView/PointCloudContext.js"),antd=require("antd"),StepUtils=require("../../../../utils/StepUtils.js"),reactRedux=require("react-redux"),index=require("../../../../utils/index.js"),useStatus=require("../../../../components/pointCloudView/hooks/useStatus.js"),useSingleBox=require("../../../../components/pointCloudView/hooks/useSingleBox.js"),reactI18next=require("react-i18next"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const AttributeUpdater=({attributeList:t,subAttributeList:r,toolInstance:l})=>{var n;const u=React.useContext(PointCloudContext.PointCloudContext),{t:o}=reactI18next.useTranslation(),d={fontWeight:400,fontSize:14,marginBottom:14},a=e=>{l.setDefaultAttribute(e)},c=(e,i)=>{l.setSubAttribute(e,i)};return React__default.default.createElement("div",{style:{padding:24,borderBottom:"1px solid #eee"}},React__default.default.createElement("div",{style:{marginBottom:20,fontSize:14,fontWeight:500}},o("Tag")),React__default.default.createElement(antd.Row,{style:{marginBottom:12}},React__default.default.createElement(antd.Col,{span:9,style:d},o("Attribute")),React__default.default.createElement(antd.Col,{span:15},React__default.default.createElement(antd.Radio.Group,{style:{width:"100%"},value:(n=u.selectedPointCloudBox)==null?void 0:n.attribute,onChange:e=>a(e.target.value)},t.map(e=>React__default.default.createElement(antd.Radio,{key:e.value,value:e.value,style:{marginBottom:16}},e.key))))),React__default.default.createElement("div",{style:d}," ",o("SubAttribute")),r.map(e=>{var i,v;return(e==null?void 0:e.subSelected)&&React__default.default.createElement(antd.Row,{key:e.value,style:{marginBottom:18}},React__default.default.createElement(antd.Col,{span:9,style:{color:"#999999",display:"flex",justifyContent:"flex-start",alignItems:"center"}},e.key),React__default.default.createElement(antd.Col,{span:15},React__default.default.createElement(antd.Select,{style:{width:"100%"},bordered:!1,value:(v=(i=u.selectedPointCloudBox)==null?void 0:i.subAttribute)==null?void 0:v[e.value],placeholder:o("PleaseSelect"),onChange:s=>c(e.value,s)},e.subSelected.map(s=>React__default.default.createElement(antd.Select.Option,{key:s.value,value:s.value},s.key)))))}))},PointCloudToolSidebar=({stepInfo:t,toolInstance:r})=>{var l,n;const{selectedBox:u}=useSingleBox.useSingleBox(),{updatePointCloudPattern:o,pointCloudPattern:d}=useStatus.useStatus(),a=index.jsonParser(t.config),c=(l=a==null?void 0:a.attributeList)!=null?l:[],e=(a==null?void 0:a.secondaryAttributeConfigurable)===!0?(n=a==null?void 0:a.inputList)!=null?n:[]:[];return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(ToolIcons.ToolIcons,{toolName:lbAnnotation.cTool.EPointCloudName.PointCloud,selectedToolName:d,onChange:i=>o==null?void 0:o(i)}),u&&React__default.default.createElement(AttributeUpdater,{toolInstance:r,attributeList:c,subAttributeList:e}))},mapStateToProps=t=>{var r,l,n;const u=StepUtils.getCurrentStepInfo((r=t.annotation)==null?void 0:r.step,(l=t.annotation)==null?void 0:l.stepList),o=(n=t.annotation)==null?void 0:n.toolInstance;return{stepInfo:u,toolInstance:o}};var PointCloudToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudToolSidebar);module.exports=PointCloudToolSidebar$1;

package/dist/views/MainView/sidebar/ScribbleSidebar/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),antd=require("antd"),pen_a=require("../../../../assets/attributeIcon/pen_a.svg.js"),pen=require("../../../../assets/attributeIcon/pen.svg.js"),eraser_a=require("../../../../assets/attributeIcon/eraser_a.svg.js"),eraser=require("../../../../assets/attributeIcon/eraser.svg.js"),dom=require("../../../../utils/dom.js"),reactRedux=require("react-redux"),ToolType=require("../../../../data/enums/ToolType.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const ScribbleSidebar=e=>{const{onChange:i}=e,t=reactRedux.useSelector(a=>a.annotation.toolInstance),[c,r]=React.useState(20),[s,n]=React.useState(ToolType.EScribblePattern.Scribble),l=()=>{i(s,c)};return React__default.default.createElement("div",{className:dom.getClassName("scribble")},React__default.default.createElement("div",{className:dom.getClassName("scribble","select")},React__default.default.createElement("img",{src:s===ToolType.EScribblePattern.Scribble?pen_a:pen,onClick:()=>{r(20),n(ToolType.EScribblePattern.Scribble),t==null||t.setPattern(ToolType.EScribblePattern.Scribble),l()}}),React__default.default.createElement("img",{src:s===ToolType.EScribblePattern.Erase?eraser_a:eraser,onClick:()=>{r(20),n(ToolType.EScribblePattern.Erase),t==null||t.setPattern(ToolType.EScribblePattern.Erase),l()}})),React__default.default.createElement("div",{className:dom.getClassName("scribble","silder")},React__default.default.createElement("span",{className:dom.getClassName("scribble","circle")}),React__default.default.createElement(antd.Slider,{onChange:a=>{r(a),l(),t==null||t.setPenSize(a)},min:1,max:50,style:{width:"60%"},value:c}),React__default.default.createElement("span",{className:dom.getClassName("scribble","circle"),style:{width:"10px",height:"10px"}})))};module.exports=ScribbleSidebar;
+"use strict";var React=require("react"),antd=require("antd"),pen_a=require("../../../../assets/attributeIcon/pen_a.svg.js"),pen=require("../../../../assets/attributeIcon/pen.svg.js"),eraser_a=require("../../../../assets/attributeIcon/eraser_a.svg.js"),eraser=require("../../../../assets/attributeIcon/eraser.svg.js"),dom=require("../../../../utils/dom.js"),ToolType=require("../../../../data/enums/ToolType.js"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const ScribbleSidebar=e=>{const{onChange:i}=e,t=ctx.useSelector(a=>a.annotation.toolInstance),[c,r]=React.useState(20),[s,n]=React.useState(ToolType.EScribblePattern.Scribble),l=()=>{i(s,c)};return React__default.default.createElement("div",{className:dom.getClassName("scribble")},React__default.default.createElement("div",{className:dom.getClassName("scribble","select")},React__default.default.createElement("img",{src:s===ToolType.EScribblePattern.Scribble?pen_a:pen,onClick:()=>{r(20),n(ToolType.EScribblePattern.Scribble),t==null||t.setPattern(ToolType.EScribblePattern.Scribble),l()}}),React__default.default.createElement("img",{src:s===ToolType.EScribblePattern.Erase?eraser_a:eraser,onClick:()=>{r(20),n(ToolType.EScribblePattern.Erase),t==null||t.setPattern(ToolType.EScribblePattern.Erase),l()}})),React__default.default.createElement("div",{className:dom.getClassName("scribble","silder")},React__default.default.createElement("span",{className:dom.getClassName("scribble","circle")}),React__default.default.createElement(antd.Slider,{onChange:a=>{r(a),l(),t==null||t.setPenSize(a)},min:1,max:50,style:{width:"60%"},value:c}),React__default.default.createElement("span",{className:dom.getClassName("scribble","circle"),style:{width:"10px",height:"10px"}})))};module.exports=ScribbleSidebar;

package/dist/views/MainView/sidebar/SwitchAttributeList/index.js

@@ -1 +1 @@
-"use strict";var React=require("react"),reactRedux=require("react-redux"),index$1=require("../../../../components/attributeList/index.js"),StepUtils=require("../../../../utils/StepUtils.js"),index=require("../../../../utils/index.js"),reactI18next=require("react-i18next"),ToolType=require("../../../../data/enums/ToolType.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const SwitchAttributeList=t=>{var n;const[c,l]=React.useState(0),i=React.useRef(null),{toolInstance:r}=t,{t:f}=reactI18next.useTranslation();if(React.useEffect(()=>(r&&r.singleOn("changeAttributeSidebar",o=>{var s;l(e=>e+1),!!i.current&&((s=i.current.children[o])==null||s.scrollIntoView({block:"center"}))}),()=>{r.unbindAll("changeAttributeSidebar")}),[r,i]),!t.stepInfo)return null;const u=index.jsonParser(t.stepInfo.config),a=t.stepInfo.tool===ToolType.EToolName.ScribbleTool;if(u.attributeConfigurable!==!0&&!a)return null;if((u.attributeConfigurable===!0||a)&&(u==null?void 0:u.attributeList)){const o=u.attributeList.map(e=>({label:e.key,value:e.value,color:e==null?void 0:e.color}));a||o.unshift({label:f("NoAttribute"),value:""});const s=e=>{r.setDefaultAttribute(e),l(d=>d+1)};return React__default.default.createElement("div",null,React__default.default.createElement(index$1.default,{list:o,attributeChanged:s,selectedAttribute:(n=r==null?void 0:r.defaultAttribute)!=null?n:"",ref:i,forbidDefault:a}))}return null},mapStateToProps=t=>{var n,c;const l=StepUtils.getCurrentStepInfo((n=t.annotation)==null?void 0:n.step,(c=t.annotation)==null?void 0:c.stepList);return{toolInstance:t.annotation.toolInstance,stepInfo:l}};var SwitchAttributeList$1=reactRedux.connect(mapStateToProps)(SwitchAttributeList);module.exports=SwitchAttributeList$1;
+"use strict";var React=require("react"),reactRedux=require("react-redux"),index$1=require("../../../../components/attributeList/index.js"),StepUtils=require("../../../../utils/StepUtils.js"),index=require("../../../../utils/index.js"),reactI18next=require("react-i18next"),ToolType=require("../../../../data/enums/ToolType.js"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React);const SwitchAttributeList=t=>{var n;const[s,u]=React.useState(0),i=React.useRef(null),{toolInstance:r}=t,{t:f}=reactI18next.useTranslation();if(React.useEffect(()=>(r&&r.singleOn("changeAttributeSidebar",a=>{var c;u(e=>e+1),!!i.current&&((c=i.current.children[a])==null||c.scrollIntoView({block:"center"}))}),()=>{r.unbindAll("changeAttributeSidebar")}),[r,i]),!t.stepInfo)return null;const l=index.jsonParser(t.stepInfo.config),o=t.stepInfo.tool===ToolType.EToolName.ScribbleTool;if(l.attributeConfigurable!==!0&&!o)return null;if((l.attributeConfigurable===!0||o)&&(l==null?void 0:l.attributeList)){const a=l.attributeList.map(e=>({label:e.key,value:e.value,color:e==null?void 0:e.color}));o||a.unshift({label:f("NoAttribute"),value:""});const c=e=>{r.setDefaultAttribute(e),u(b=>b+1)};return React__default.default.createElement("div",null,React__default.default.createElement(index$1.default,{list:a,attributeChanged:c,selectedAttribute:(n=r==null?void 0:r.defaultAttribute)!=null?n:"",ref:i,forbidDefault:o}))}return null},mapStateToProps=t=>{var n,s;const u=StepUtils.getCurrentStepInfo((n=t.annotation)==null?void 0:n.step,(s=t.annotation)==null?void 0:s.stepList);return{toolInstance:t.annotation.toolInstance,stepInfo:u}};var SwitchAttributeList$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(SwitchAttributeList);module.exports=SwitchAttributeList$1;

package/dist/views/MainView/sidebar/TagSidebar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("../../../../components/attributeList/index.js"),index=require("../../../../components/checkboxList/index.js"),icons=require("@ant-design/icons"),es=require("antd/es"),_=require("lodash"),React=require("react"),icon_clearSmall=require("../../../../assets/annotation/common/icon_clearSmall.svg.js"),icon_clearSmall_a=require("../../../../assets/annotation/common/icon_clearSmall_a.svg.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactRedux=require("react-redux"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,expandIconFuc=({isActive:e})=>React__default.default.createElement(icons.CaretRightOutlined,{rotate:e?90:0}),TagSidebar=({toolInstance:e,imgIndex:C})=>{const[u,v]=React.useState([]),s=React.useRef(null),[,R]=React.useState(0),[q,f]=React.useState(-1),{t:m}=reactI18next.useTranslation();React.useEffect(()=>{e&&(v(e.config.inputList.map(t=>t.value)),e.singleOn("render",()=>{R(t=>t+1)}))},[e]),React.useEffect(()=>{if(e&&(e.singleOn("expend",T),e.labelSelectedList.length===1)){let t=0;for(let a=0;a<e.labelSelectedList[0];a++)t+=46,n[a]&&u[a]!==""&&n[a].subSelected.forEach(r=>{t+=40});s.current&&(s.current.children[0].scrollTop=t)}}),React.useEffect(()=>{s.current&&(s.current.children[0].scrollTop=0)},[C]);const T=()=>{var t;const a=e.labelSelectedList[0],r=(t=n.filter((l,o)=>o===a)[0])==null?void 0:t.value;p(a,r,!0)},p=React.useCallback((t,a,r)=>{const l=_.cloneDeep(u);l[t]===""||r===!0?l[t]=a:l[t]="",v(l)},[u]);if(!e)return null;const{labelSelectedList:c,config:{inputList:n},currentTagResult:i,setLabel:g}=e,j=t=>c.length>0&&c[0]===t?React__default.default.createElement("span",{className:"keyDownIconActive"},t+1):React__default.default.createElement("span",{className:"keyDownIcon"},t+1),b=(t,a=-1)=>t?t.map((r,l)=>{var o,y,E,h,L;if(r.subSelected){const k=lbAnnotation.TagUtils.judgeResultIsInInputList(r.value,(o=i==null?void 0:i.result)==null?void 0:o[r.value],n);return React__default.default.createElement(es.Collapse,{bordered:!1,expandIcon:expandIconFuc,key:`collapse_${l}_${a+1}`,onChange:()=>p(l,r.value),activeKey:[u[l]]},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",flex:1}},React__default.default.createElement("span",null,r.key,React__default.default.createElement(es.Tooltip,{placement:"bottom",title:m("ClearThisOption")},React__default.default.createElement("img",{style:{marginLeft:5,cursor:"pointer"},onClick:O=>{O.stopPropagation(),e.clearResult(!0,r.value)},src:q===l||k?icon_clearSmall_a:icon_clearSmall,onMouseEnter:()=>{f(l)},onMouseLeave:()=>{f(-1)}})),k&&u[l]===""&&React__default.default.createElement(es.Badge,{color:"#87d068"})),(n==null?void 0:n.length)>1&&j(l)),key:r.value},React__default.default.createElement("div",{className:"level",style:{backgroundColor:c.length>0&&c[0]===l?"rgba(158, 158, 158, 0.18)":""}},b(r.subSelected,l))))}const d=(n==null?void 0:n[a])?n==null?void 0:n[a].value:0,S=((h=(E=(y=i==null?void 0:i.result)==null?void 0:y[d])==null?void 0:E.split(";"))==null?void 0:h.indexOf(r.value))>-1?r.value:"";return((L=n==null?void 0:n[a])==null?void 0:L.isMulti)===!0?React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index,{attributeChanged:()=>g(a,l),selectedAttribute:[S],list:[{value:r.value,label:r.key}],num:l+1})):React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index$1.default,{forbidColor:!0,attributeChanged:()=>g(a,l),selectedAttribute:S,list:[{value:r.value,label:r.key}],num:l+1}))}):null,N=window.innerHeight-61-80;return React__default.default.createElement("div",{className:"tagOperationMenu",ref:s},(n==null?void 0:n.length)===0?React__default.default.createElement("div",{style:{padding:20,textAlign:"center"}},m("NoConfiguration")):React__default.default.createElement("div",{className:"main",style:{height:N}},b(n)))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance,imgIndex:e.annotation.imgIndex}}var TagSidebar$1=reactRedux.connect(mapStateToProps)(TagSidebar);exports.default=TagSidebar$1,exports.expandIconFuc=expandIconFuc;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index$1=require("../../../../components/attributeList/index.js"),index=require("../../../../components/checkboxList/index.js"),icons=require("@ant-design/icons"),es=require("antd/es"),_=require("lodash"),React=require("react"),icon_clearSmall=require("../../../../assets/annotation/common/icon_clearSmall.svg.js"),icon_clearSmall_a=require("../../../../assets/annotation/common/icon_clearSmall_a.svg.js"),lbAnnotation=require("@labelbee/lb-annotation"),reactRedux=require("react-redux"),reactI18next=require("react-i18next"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{Panel}=es.Collapse,expandIconFuc=({isActive:e})=>React__default.default.createElement(icons.CaretRightOutlined,{rotate:e?90:0}),TagSidebar=({toolInstance:e,imgIndex:C})=>{const[u,v]=React.useState([]),s=React.useRef(null),[,q]=React.useState(0),[R,f]=React.useState(-1),{t:m}=reactI18next.useTranslation();React.useEffect(()=>{e&&(v(e.config.inputList.map(t=>t.value)),e.singleOn("render",()=>{q(t=>t+1)}))},[e]),React.useEffect(()=>{if(e&&(e.singleOn("expend",T),e.labelSelectedList.length===1)){let t=0;for(let a=0;a<e.labelSelectedList[0];a++)t+=46,n[a]&&u[a]!==""&&n[a].subSelected.forEach(r=>{t+=40});s.current&&(s.current.children[0].scrollTop=t)}}),React.useEffect(()=>{s.current&&(s.current.children[0].scrollTop=0)},[C]);const T=()=>{var t;const a=e.labelSelectedList[0],r=(t=n.filter((l,o)=>o===a)[0])==null?void 0:t.value;p(a,r,!0)},p=React.useCallback((t,a,r)=>{const l=_.cloneDeep(u);l[t]===""||r===!0?l[t]=a:l[t]="",v(l)},[u]);if(!e)return null;const{labelSelectedList:c,config:{inputList:n},currentTagResult:i,setLabel:g}=e,j=t=>c.length>0&&c[0]===t?React__default.default.createElement("span",{className:"keyDownIconActive"},t+1):React__default.default.createElement("span",{className:"keyDownIcon"},t+1),b=(t,a=-1)=>t?t.map((r,l)=>{var o,y,E,h,L;if(r.subSelected){const k=lbAnnotation.TagUtils.judgeResultIsInInputList(r.value,(o=i==null?void 0:i.result)==null?void 0:o[r.value],n);return React__default.default.createElement(es.Collapse,{bordered:!1,expandIcon:expandIconFuc,key:`collapse_${l}_${a+1}`,onChange:()=>p(l,r.value),activeKey:[u[l]]},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",flex:1}},React__default.default.createElement("span",null,r.key,React__default.default.createElement(es.Tooltip,{placement:"bottom",title:m("ClearThisOption")},React__default.default.createElement("img",{style:{marginLeft:5,cursor:"pointer"},onClick:N=>{N.stopPropagation(),e.clearResult(!0,r.value)},src:R===l||k?icon_clearSmall_a:icon_clearSmall,onMouseEnter:()=>{f(l)},onMouseLeave:()=>{f(-1)}})),k&&u[l]===""&&React__default.default.createElement(es.Badge,{color:"#87d068"})),(n==null?void 0:n.length)>1&&j(l)),key:r.value},React__default.default.createElement("div",{className:"level",style:{backgroundColor:c.length>0&&c[0]===l?"rgba(158, 158, 158, 0.18)":""}},b(r.subSelected,l))))}const d=(n==null?void 0:n[a])?n==null?void 0:n[a].value:0,S=((h=(E=(y=i==null?void 0:i.result)==null?void 0:y[d])==null?void 0:E.split(";"))==null?void 0:h.indexOf(r.value))>-1?r.value:"";return((L=n==null?void 0:n[a])==null?void 0:L.isMulti)===!0?React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index,{attributeChanged:()=>g(a,l),selectedAttribute:[S],list:[{value:r.value,label:r.key}],num:l+1})):React__default.default.createElement("div",{className:"singleBar",key:`${d}_${a}_${l}`},React__default.default.createElement(index$1.default,{forbidColor:!0,attributeChanged:()=>g(a,l),selectedAttribute:S,list:[{value:r.value,label:r.key}],num:l+1}))}):null,x=window.innerHeight-61-80;return React__default.default.createElement("div",{className:"tagOperationMenu",ref:s},(n==null?void 0:n.length)===0?React__default.default.createElement("div",{style:{padding:20,textAlign:"center"}},m("NoConfiguration")):React__default.default.createElement("div",{className:"main",style:{height:x}},b(n)))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance,imgIndex:e.annotation.imgIndex}}var TagSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(TagSidebar);exports.default=TagSidebar$1,exports.expandIconFuc=expandIconFuc;

package/dist/views/MainView/sidebar/TextToolSidebar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux"),_=require("lodash"),index=require("../../../../utils/index.js"),es=require("antd/es"),lbAnnotation=require("@labelbee/lb-annotation"),actionCreators=require("../../../../store/annotation/actionCreators.js"),ConfigUtils=require("../../../../utils/ConfigUtils.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const EKeyCode=lbAnnotation.cKeyCode.default,syntheticEventStopPagination=e=>{e.stopPropagation(),e.nativeEvent.stopPropagation(),e.nativeEvent.stopImmediatePropagation()},TextareaWithFooter=e=>{const{textareaProps:t,footer:a}=e;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(es.Input.TextArea,__spreadValues({bordered:!1,rows:6,onKeyDown:syntheticEventStopPagination,onKeyUp:syntheticEventStopPagination},t)),React__default.default.createElement("div",{className:index.classnames({textAreaLength:!0})},a))},SingleTextInput=e=>{var t;const a=React.useRef(null),[p,i]=React.useState(!1),[y,m]=React.useState(!1),{t:u}=reactI18next.useTranslation(),{disabled:l,config:s,result:x,updateText:v,index:g,switchToNextTextarea:E,hasMultiple:b,onNext:c}=e,{maxLength:d}=s,f=x?x[s.key]:"",T=(t=f==null?void 0:f.length)!=null?t:0,C=n=>{v&&(v(n,s.key),s.required&&m(!n))},h=b&&E,r={id:`textInput-${g}`,ref:a,disabled:l,value:f,maxLength:d,autoSize:{minRows:2,maxRows:6},onChange:n=>{const P=n.target.value;C(P)},onFocus:()=>{i(!0)},onBlur:n=>{i(!1),s.required&&m(!n.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:n=>{n.ctrlKey&&n.keyCode===EKeyCode.Enter&&(c&&c(),n.preventDefault()),n.keyCode===EKeyCode.Tab&&h&&(n.preventDefault(),n.nativeEvent.stopImmediatePropagation(),E(g)),n.nativeEvent.stopPropagation()}},o=React__default.default.createElement("div",{className:"textAreaFooter"},React__default.default.createElement("div",{className:"hotkeyTip"},h&&React__default.default.createElement("span",null,`[${u("Switch")}]Tab`),React__default.default.createElement("span",null,`[${u("TurnPage")}]Ctrl+Enter`)),React__default.default.createElement("div",{className:"wordCount"},React__default.default.createElement("span",{className:T>=d?"warning":""},T),"/",React__default.default.createElement("span",null,d)));return React.useEffect(()=>{l&&i(!1)},[l]),React__default.default.createElement("div",{className:"textField"},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("span",{className:index.classnames({required:s.required})},s.label),React__default.default.createElement("i",{className:index.classnames({clearText:!0,disabled:l}),onClick:()=>{l||C("")}})),React__default.default.createElement("div",{className:index.classnames({disabled:l,"textarea-outline":!0,"ant-input-focused":p,textareaContainer:!0,focus:p,invalid:y})},React__default.default.createElement(TextareaWithFooter,{footer:o,textareaProps:r})))},TextToolSidebar=({toolInstance:e,imgIndex:t,dispatch:a,triggerEventAfterIndexChanged:p,step:i,stepList:y,basicResultList:m})=>{var u,l;const[s,x]=React.useState([]),[v,g]=React.useState(0),[,E]=React.useState(0),b=r=>{const o=(r+1)%s.length;c(o)},c=r=>{setTimeout(()=>{const o=document.getElementById(`textInput-${r}`);o&&(g(r),o.focus(),o.select(),o.scrollIntoView({behavior:"smooth",block:"center"}))})};React.useEffect(()=>{e&&(x(_.cloneDeep(e.config.configList)),e.singleOn("valueUpdated",()=>{E(r=>r+1)}))},[e]);const d=(r,o)=>{e.updateTextValue(o,r)};React.useEffect(()=>{t>-1&&p&&c(0)},[t]);const f=(l=(u=e.textList[0])==null?void 0:u.value)!=null?l:{},T=()=>{a(actionCreators.PageForward(!0))},h=ConfigUtils.ConfigUtils.getStepConfig(y,i).dataSourceStep>0&&m.length===0;return React__default.default.createElement("div",{className:"textToolOperationMenu"},s.map((r,o)=>React__default.default.createElement(SingleTextInput,{config:r,key:r.key,index:o,result:f,updateText:d,switchToNextTextarea:b,hasMultiple:s.length>1,focus:v===o,onNext:T,disabled:h})))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance,imgIndex:e.annotation.imgIndex,step:e.annotation.step,basicResultList:e.annotation.basicResultList,stepList:e.annotation.stepList,triggerEventAfterIndexChanged:e.annotation.triggerEventAfterIndexChanged}}var TextToolSidebar$1=reactRedux.connect(mapStateToProps)(TextToolSidebar);exports.SingleTextInput=SingleTextInput,exports.TextareaWithFooter=TextareaWithFooter,exports.default=TextToolSidebar$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),reactRedux=require("react-redux"),_=require("lodash"),index=require("../../../../utils/index.js"),es=require("antd/es"),lbAnnotation=require("@labelbee/lb-annotation"),actionCreators=require("../../../../store/annotation/actionCreators.js"),ConfigUtils=require("../../../../utils/ConfigUtils.js"),reactI18next=require("react-i18next"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const EKeyCode=lbAnnotation.cKeyCode.default,syntheticEventStopPagination=e=>{e.stopPropagation(),e.nativeEvent.stopPropagation(),e.nativeEvent.stopImmediatePropagation()},TextareaWithFooter=e=>{const{textareaProps:t,footer:a}=e;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(es.Input.TextArea,__spreadValues({bordered:!1,rows:6,onKeyDown:syntheticEventStopPagination,onKeyUp:syntheticEventStopPagination},t)),React__default.default.createElement("div",{className:index.classnames({textAreaLength:!0})},a))},SingleTextInput=e=>{var t;const a=React.useRef(null),[p,i]=React.useState(!1),[h,x]=React.useState(!1),{t:u}=reactI18next.useTranslation(),{disabled:l,config:s,result:m,updateText:v,index:g,switchToNextTextarea:E,hasMultiple:y,onNext:c}=e,{maxLength:d}=s,f=m?m[s.key]:"",T=(t=f==null?void 0:f.length)!=null?t:0,C=n=>{v&&(v(n,s.key),s.required&&x(!n))},b=y&&E,r={id:`textInput-${g}`,ref:a,disabled:l,value:f,maxLength:d,autoSize:{minRows:2,maxRows:6},onChange:n=>{const P=n.target.value;C(P)},onFocus:()=>{i(!0)},onBlur:n=>{i(!1),s.required&&x(!n.target.value)},style:{resize:"none",wordBreak:"break-all"},onKeyDownCapture:n=>{n.ctrlKey&&n.keyCode===EKeyCode.Enter&&(c&&c(),n.preventDefault()),n.keyCode===EKeyCode.Tab&&b&&(n.preventDefault(),n.nativeEvent.stopImmediatePropagation(),E(g)),n.nativeEvent.stopPropagation()}},o=React__default.default.createElement("div",{className:"textAreaFooter"},React__default.default.createElement("div",{className:"hotkeyTip"},b&&React__default.default.createElement("span",null,`[${u("Switch")}]Tab`),React__default.default.createElement("span",null,`[${u("TurnPage")}]Ctrl+Enter`)),React__default.default.createElement("div",{className:"wordCount"},React__default.default.createElement("span",{className:T>=d?"warning":""},T),"/",React__default.default.createElement("span",null,d)));return React.useEffect(()=>{l&&i(!1)},[l]),React__default.default.createElement("div",{className:"textField"},React__default.default.createElement("div",{className:"label"},React__default.default.createElement("span",{className:index.classnames({required:s.required})},s.label),React__default.default.createElement("i",{className:index.classnames({clearText:!0,disabled:l}),onClick:()=>{l||C("")}})),React__default.default.createElement("div",{className:index.classnames({disabled:l,"textarea-outline":!0,"ant-input-focused":p,textareaContainer:!0,focus:p,invalid:h})},React__default.default.createElement(TextareaWithFooter,{footer:o,textareaProps:r})))},TextToolSidebar=({toolInstance:e,imgIndex:t,dispatch:a,triggerEventAfterIndexChanged:p,step:i,stepList:h,basicResultList:x})=>{var u,l;const[s,m]=React.useState([]),[v,g]=React.useState(0),[,E]=React.useState(0),y=r=>{const o=(r+1)%s.length;c(o)},c=r=>{setTimeout(()=>{const o=document.getElementById(`textInput-${r}`);o&&(g(r),o.focus(),o.select(),o.scrollIntoView({behavior:"smooth",block:"center"}))})};React.useEffect(()=>{e&&(m(_.cloneDeep(e.config.configList)),e.singleOn("valueUpdated",()=>{E(r=>r+1)}))},[e]);const d=(r,o)=>{e.updateTextValue(o,r)};React.useEffect(()=>{t>-1&&p&&c(0)},[t]);const f=(l=(u=e.textList[0])==null?void 0:u.value)!=null?l:{},T=()=>{a(actionCreators.PageForward(!0))},b=ConfigUtils.ConfigUtils.getStepConfig(h,i).dataSourceStep>0&&x.length===0;return React__default.default.createElement("div",{className:"textToolOperationMenu"},s.map((r,o)=>React__default.default.createElement(SingleTextInput,{config:r,key:r.key,index:o,result:f,updateText:d,switchToNextTextarea:y,hasMultiple:s.length>1,focus:v===o,onNext:T,disabled:b})))};function mapStateToProps(e){return{toolInstance:e.annotation.toolInstance,imgIndex:e.annotation.imgIndex,step:e.annotation.step,basicResultList:e.annotation.basicResultList,stepList:e.annotation.stepList,triggerEventAfterIndexChanged:e.annotation.triggerEventAfterIndexChanged}}var TextToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(TextToolSidebar);exports.SingleTextInput=SingleTextInput,exports.TextareaWithFooter=TextareaWithFooter,exports.default=TextToolSidebar$1;

package/dist/views/MainView/sidebar/ToolStyle/index.js

@@ -1 +1 @@
-"use strict";var es=require("antd/es"),React=require("react"),icon_border=require("../../../../assets/toolStyle/icon_border.svg.js"),icon_borderColor=require("../../../../assets/toolStyle/icon_borderColor.svg.js"),icon_opacityStroke=require("../../../../assets/toolStyle/icon_opacityStroke.svg.js"),icon_opacityFill=require("../../../../assets/toolStyle/icon_opacityFill.svg.js"),reactRedux=require("react-redux"),actionCreators=require("../../../../store/toolStyle/actionCreators.js"),index=require("../../../../index.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const getMarks=(e,a)=>{const o=[{step:1,value:"1"},{step:2,value:"2"},{step:3,value:"3"},{step:4,value:"4"},{step:5,value:"5"}],c=[{step:1,value:"Blue"},{step:3,value:"Cyan"},{step:5,value:"Green"},{step:7,value:"Yellow"},{step:9,value:"Pink"}],n=[{step:1,value:"0.2"},{step:3,value:"0.4"},{step:5,value:"0.6"},{step:7,value:"0.8"},{step:9,value:"1.0"}],i=[{step:1,value:"0"},{step:3,value:"0.2"},{step:5,value:"0.4"},{step:7,value:"0.6"},{step:9,value:"0.8"}];let r=[];const l={};switch(e){case"width":r=o;break;case"color":r=c;break;case"borderOpacity":r=n;break;case"fillOpacity":r=i;break}return r.forEach(({step:s,value:u})=>{l[s]={style:{color:"#999999",fontSize:"12px"},label:React__default.default.createElement("span",null,a(u))}}),l},getTitle=e=>{switch(e){case"width":return"BorderThickness";case"color":return"Color";case"borderOpacity":return"BorderOpacity";case"fillOpacity":return"FillOpacity";default:return""}},getImage=e=>{switch(e){case"width":return icon_border;case"color":return icon_borderColor;case"borderOpacity":return icon_opacityStroke;case"fillOpacity":return icon_opacityFill}},getDefaultValue=e=>{switch(e){case"width":return 2;case"color":return 1;case"borderOpacity":return 9;case"fillOpacity":return 9}},getStyleType=e=>["width"].includes(e),ToolStyle=e=>{const{toolStyle:a}=e,{width:o,color:c,borderOpacity:n,fillOpacity:i}=a,r={width:o,color:c,borderOpacity:n,fillOpacity:i},{t:l}=reactI18next.useTranslation(),s=e.config,u=p=>{index.store.dispatch(actionCreators.UpdateToolStyleConfig(p))};return React__default.default.createElement("div",{className:"toolStyle"},Object.entries(r).map(p=>{var d;const t=p[0];return(s==null?void 0:s.attributeConfigurable)===!0&&t==="color"?null:React__default.default.createElement("div",{id:`style-${t}`,className:"styleSlider",key:t},React__default.default.createElement("span",{className:"title"},React__default.default.createElement("img",{src:getImage(t),className:"icon"}),l(getTitle(t))),React__default.default.createElement("span",{className:"slider"},React__default.default.createElement(es.Slider,{tipFormatter:null,max:getStyleType(t)?5:10,min:getStyleType(t)?1:0,step:getStyleType(t)?1:null,value:(d=a[t])!=null?d:getDefaultValue(t),marks:getMarks(t,l),onChange:v=>u({[t]:v})})))}))},mapStateToProps=({toolStyle:e,annotation:a})=>({toolStyle:e,config:a.toolInstance.config});var ToolStyle$1=reactRedux.connect(mapStateToProps)(ToolStyle);module.exports=ToolStyle$1;
+"use strict";var es=require("antd/es"),React=require("react"),icon_border=require("../../../../assets/toolStyle/icon_border.svg.js"),icon_borderColor=require("../../../../assets/toolStyle/icon_borderColor.svg.js"),icon_opacityStroke=require("../../../../assets/toolStyle/icon_opacityStroke.svg.js"),icon_opacityFill=require("../../../../assets/toolStyle/icon_opacityFill.svg.js"),reactRedux=require("react-redux"),actionCreators=require("../../../../store/toolStyle/actionCreators.js"),index=require("../../../../index.js"),ctx=require("../../../../store/ctx.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const getMarks=(e,a)=>{const o=[{step:1,value:"1"},{step:2,value:"2"},{step:3,value:"3"},{step:4,value:"4"},{step:5,value:"5"}],c=[{step:1,value:"Blue"},{step:3,value:"Cyan"},{step:5,value:"Green"},{step:7,value:"Yellow"},{step:9,value:"Pink"}],n=[{step:1,value:"0.2"},{step:3,value:"0.4"},{step:5,value:"0.6"},{step:7,value:"0.8"},{step:9,value:"1.0"}],i=[{step:1,value:"0"},{step:3,value:"0.2"},{step:5,value:"0.4"},{step:7,value:"0.6"},{step:9,value:"0.8"}];let r=[];const l={};switch(e){case"width":r=o;break;case"color":r=c;break;case"borderOpacity":r=n;break;case"fillOpacity":r=i;break}return r.forEach(({step:s,value:u})=>{l[s]={style:{color:"#999999",fontSize:"12px"},label:React__default.default.createElement("span",null,a(u))}}),l},getTitle=e=>{switch(e){case"width":return"BorderThickness";case"color":return"Color";case"borderOpacity":return"BorderOpacity";case"fillOpacity":return"FillOpacity";default:return""}},getImage=e=>{switch(e){case"width":return icon_border;case"color":return icon_borderColor;case"borderOpacity":return icon_opacityStroke;case"fillOpacity":return icon_opacityFill}},getDefaultValue=e=>{switch(e){case"width":return 2;case"color":return 1;case"borderOpacity":return 9;case"fillOpacity":return 9}},getStyleType=e=>["width"].includes(e),ToolStyle=e=>{const{toolStyle:a}=e,{width:o,color:c,borderOpacity:n,fillOpacity:i}=a,r={width:o,color:c,borderOpacity:n,fillOpacity:i},{t:l}=reactI18next.useTranslation(),s=e.config,u=p=>{index.store.dispatch(actionCreators.UpdateToolStyleConfig(p))};return React__default.default.createElement("div",{className:"toolStyle"},Object.entries(r).map(p=>{var d;const t=p[0];return(s==null?void 0:s.attributeConfigurable)===!0&&t==="color"?null:React__default.default.createElement("div",{id:`style-${t}`,className:"styleSlider",key:t},React__default.default.createElement("span",{className:"title"},React__default.default.createElement("img",{src:getImage(t),className:"icon"}),l(getTitle(t))),React__default.default.createElement("span",{className:"slider"},React__default.default.createElement(es.Slider,{tipFormatter:null,max:getStyleType(t)?5:10,min:getStyleType(t)?1:0,step:getStyleType(t)?1:null,value:(d=a[t])!=null?d:getDefaultValue(t),marks:getMarks(t,l),onChange:v=>u({[t]:v})})))}))},mapStateToProps=({toolStyle:e,annotation:a})=>({toolStyle:e,config:a.toolInstance.config});var ToolStyle$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(ToolStyle);module.exports=ToolStyle$1;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index=require("../../../constant/index.js"),ToolType=require("../../../data/enums/ToolType.js"),StepUtils=require("../../../utils/StepUtils.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),reactRedux=require("react-redux"),index$9=require("./AnnotationText/index.js"),index$2=require("./ClearIcon/index.js"),index$6=require("./GeneralOperation/index.js"),index$3=require("./ImgAttributeInfo/index.js"),index$8=require("./SwitchAttributeList/index.js"),index$1=require("./TagSidebar/index.js"),index$4=require("./TextToolSidebar/index.js"),index$5=require("./PointCloudToolSidebar/index.js"),index$7=require("./ToolStyle/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$a=require("./ScribbleSidebar/index.js"),ToolIcons=require("./ToolIcons.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName,EPointCloudName}=lbAnnotation.cTool,{Panel}=es.Collapse,sidebarCls=`${index.prefix}-sidebar`,Sidebar=({sider:e})=>{const o=reactRedux.useSelector(a=>StepUtils.getCurrentStepInfo(a.annotation.step,a.annotation.stepList)),t=o==null?void 0:o.tool,{t:i}=reactI18next.useTranslation();if(!t)return null;const E=a=>{const m=React__default.default.createElement(index$7,null);return React__default.default.createElement(Panel,{header:i("Style"),className:"panel",key:a},m)},u=React__default.default.createElement(ToolIcons.ToolIcons,{toolName:t,onChange:()=>{}}),l=React__default.default.createElement(index$8,null),d=React__default.default.createElement(index$9,null),c=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},E("1")),s=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",null,i("Adjust"),React__default.default.createElement(index$2,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$3,null))),n=React__default.default.createElement(index$6.default,null),x=React__default.default.createElement(index$1.default,null),v=React__default.default.createElement(index$4.default,null),f=React__default.default.createElement(index$a,{onChange:(a,m)=>{}}),r=React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`}),p=React__default.default.createElement(index$5,null),T=React__default.default.createElement(index$6.PointCloudOperation,null);return e?typeof e=="function"?React__default.default.createElement("div",{className:`${sidebarCls}`},e({toolIcon:u,attributeList:l,annotationText:d,toolStyle:c,imageAttributeInfo:s,operation:n,tagToolSideBar:x,textToolSideBar:v,horizontal:r,pointCloudToolSidebar:p,pointCloudOperation:T,scribbleSidebar:f})):e:[ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon].includes(t)?React__default.default.createElement("div",{className:`${sidebarCls}`},u,r,l,d,r,React__default.default.createElement("div",{className:`${sidebarCls}__content`},c,s),n):t===ToolType.EToolName.Tag?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$1.default,null)):t===EVideoToolName.VideoTagTool?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$1.default,null)),n):t===ToolType.EToolName.Text?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$4.default,null)):t===EPointCloudName.PointCloud?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$5,null)),React__default.default.createElement(index$6.PointCloudOperation,null)):t===ToolType.EToolName.ScribbleTool?React__default.default.createElement("div",{className:`${sidebarCls}`},f,l):null};exports.default=Sidebar,exports.sidebarCls=sidebarCls;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index=require("../../../constant/index.js"),ToolType=require("../../../data/enums/ToolType.js"),StepUtils=require("../../../utils/StepUtils.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),index$9=require("./AnnotationText/index.js"),index$2=require("./ClearIcon/index.js"),index$6=require("./GeneralOperation/index.js"),index$3=require("./ImgAttributeInfo/index.js"),index$8=require("./SwitchAttributeList/index.js"),index$1=require("./TagSidebar/index.js"),index$4=require("./TextToolSidebar/index.js"),index$5=require("./PointCloudToolSidebar/index.js"),index$7=require("./ToolStyle/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$a=require("./ScribbleSidebar/index.js"),ToolIcons=require("./ToolIcons.js"),ctx=require("../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName,EPointCloudName}=lbAnnotation.cTool,{Panel}=es.Collapse,sidebarCls=`${index.prefix}-sidebar`,Sidebar=({sider:e})=>{const o=ctx.useSelector(a=>StepUtils.getCurrentStepInfo(a.annotation.step,a.annotation.stepList)),t=o==null?void 0:o.tool,{t:i}=reactI18next.useTranslation();if(!t)return null;const E=a=>{const m=React__default.default.createElement(index$7,null);return React__default.default.createElement(Panel,{header:i("Style"),className:"panel",key:a},m)},u=React__default.default.createElement(ToolIcons.ToolIcons,{toolName:t,onChange:()=>{}}),l=React__default.default.createElement(index$8,null),d=React__default.default.createElement(index$9,null),c=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},E("1")),s=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",null,i("Adjust"),React__default.default.createElement(index$2,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$3,null))),n=React__default.default.createElement(index$6.default,null),x=React__default.default.createElement(index$1.default,null),v=React__default.default.createElement(index$4.default,null),f=React__default.default.createElement(index$a,{onChange:(a,m)=>{}}),r=React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`}),p=React__default.default.createElement(index$5,null),T=React__default.default.createElement(index$6.PointCloudOperation,null);return e?typeof e=="function"?React__default.default.createElement("div",{className:`${sidebarCls}`},e({toolIcon:u,attributeList:l,annotationText:d,toolStyle:c,imageAttributeInfo:s,operation:n,tagToolSideBar:x,textToolSideBar:v,horizontal:r,pointCloudToolSidebar:p,pointCloudOperation:T,scribbleSidebar:f})):e:[ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon].includes(t)?React__default.default.createElement("div",{className:`${sidebarCls}`},u,r,l,d,r,React__default.default.createElement("div",{className:`${sidebarCls}__content`},c,s),n):t===ToolType.EToolName.Tag?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$1.default,null)):t===EVideoToolName.VideoTagTool?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$1.default,null)),n):t===ToolType.EToolName.Text?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$4.default,null)):t===EPointCloudName.PointCloud?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$5,null)),React__default.default.createElement(index$6.PointCloudOperation,null)):t===ToolType.EToolName.ScribbleTool?React__default.default.createElement("div",{className:`${sidebarCls}`},f,l):null};exports.default=Sidebar,exports.sidebarCls=sidebarCls;

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

@@ -1 +1 @@
-"use strict";var React=require("react"),index=require("./ToolHotKey/index.js"),reactRedux=require("react-redux"),StepUtils=require("../../../../utils/StepUtils.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const FooterTips=()=>{const e=reactRedux.useSelector(t=>{var r,o;return StepUtils.getCurrentStepInfo((r=t==null?void 0:t.annotation)==null?void 0:r.step,(o=t.annotation)==null?void 0:o.stepList)});return React__default.default.createElement("div",{className:"tipsBar"},React__default.default.createElement(index,{toolName:e==null?void 0:e.tool}))};module.exports=FooterTips;
+"use strict";var React=require("react"),index=require("./ToolHotKey/index.js"),StepUtils=require("../../../../utils/StepUtils.js"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const FooterTips=()=>{const e=ctx.useSelector(t=>{var r,o;return StepUtils.getCurrentStepInfo((r=t==null?void 0:t.annotation)==null?void 0:r.step,(o=t.annotation)==null?void 0:o.stepList)});return React__default.default.createElement("div",{className:"tipsBar"},React__default.default.createElement(index,{toolName:e==null?void 0:e.tool}))};module.exports=FooterTips;

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

@@ -1 +1 @@
-"use strict";var React=require("react"),reactRedux=require("react-redux"),es=require("antd/es"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const HiddenTips=e=>{const{toolInstance:t}=e,[i,n]=React.useState(0),{t:r}=reactI18next.useTranslation();return React.useEffect(()=>{t&&t.singleOn("hiddenChange",()=>{n(a=>a+1)})},[t]),t&&t.isHidden?React__default.default.createElement("span",null,r("HideDrawnAnnotation"),React__default.default.createElement(es.Divider,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}})):null},mapStateToProps=e=>{var t;return{toolInstance:(t=e.annotation)==null?void 0:t.toolInstance}};var HiddenTips$1=reactRedux.connect(mapStateToProps)(HiddenTips);module.exports=HiddenTips$1;
+"use strict";var React=require("react"),reactRedux=require("react-redux"),es=require("antd/es"),reactI18next=require("react-i18next"),ctx=require("../../../../store/ctx.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const HiddenTips=e=>{const{toolInstance:t}=e,[i,n]=React.useState(0),{t:r}=reactI18next.useTranslation();return React.useEffect(()=>{t&&t.singleOn("hiddenChange",()=>{n(a=>a+1)})},[t]),t&&t.isHidden?React__default.default.createElement("span",null,r("HideDrawnAnnotation"),React__default.default.createElement(es.Divider,{type:"vertical",style:{background:"rgba(153, 153, 153, 1)",height:"16px"}})):null},mapStateToProps=e=>{var t;return{toolInstance:(t=e.annotation)==null?void 0:t.toolInstance}};var HiddenTips$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(HiddenTips);module.exports=HiddenTips$1;