@labelbee/lb-components 1.23.0-alpha.117 → 1.23.0-alpha.119

package/dist/components/pointCloud2DRectOperationView/index.js

@@ -1 +1 @@
-"use strict";var ahooks=require("ahooks"),es=require("antd/es"),React=require("react"),reactRedux=require("react-redux"),usePointCloudViews=require("../pointCloudView/hooks/usePointCloudViews.js"),PointCloudContext=require("../pointCloudView/PointCloudContext.js"),map=require("../../store/annotation/map.js"),ctx=require("../../store/ctx.js"),lbAnnotation=require("@labelbee/lb-annotation"),util=require("./util.js"),useUpdateRectList=require("./useUpdateRectList.js"),useToolStyle=require("../../hooks/useToolStyle.js");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}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=(l,i,c)=>i in l?__defProp(l,i,{enumerable:!0,configurable:!0,writable:!0,value:c}):l[i]=c,__spreadValues=(l,i)=>{for(var c in i||(i={}))__hasOwnProp.call(i,c)&&__defNormalProp(l,c,i[c]);if(__getOwnPropSymbols)for(var c of __getOwnPropSymbols(i))__propIsEnum.call(i,c)&&__defNormalProp(l,c,i[c]);return l},__spreadProps=(l,i)=>__defProps(l,__getOwnPropDescs(i)),__async=(l,i,c)=>new Promise((a,v)=>{var g=d=>{try{m(c.next(d))}catch(p){v(p)}},y=d=>{try{m(c.throw(d))}catch(p){v(p)}},m=d=>d.done?a(d.value):Promise.resolve(d.value).then(g,y);m((c=c.apply(l,i)).next())});const PointCloud2DRectOperationView=l=>{var i,c;const{mappingData:a,size:v,config:g,checkMode:y,afterImgOnLoad:m,shouldExcludePointCloudBoxListUpdate:d}=l,p=(i=a==null?void 0:a.url)!=null?i:"",h=(c=a==null?void 0:a.fallbackUrl)!=null?c:"",{pointCloudBoxList:C,setPointCloudResult:P,defaultAttribute:x,rectList:S,addRectIn2DView:F,updateRectIn2DView:M,removeRectIn2DView:T,updateRectListByReducer:z,selectedIDs:D,setSelectedIDs:E}=React.useContext(PointCloudContext.PointCloudContext),{value:L}=useToolStyle.useToolStyleContext(),J=ahooks.useLatest(D),{update2DViewRect:$,remove2DViewRect:G}=usePointCloudViews.usePointCloudViews(),O=React__default.default.useRef(null),o=React.useRef(null),q=ahooks.useMemoizedFn($),I=ahooks.useMemoizedFn(G),b=React.useRef(null),[H,k]=React.useState(!0),V=React.useMemo(()=>S==null?void 0:S.filter(e=>e.imageName===(a==null?void 0:a.path)),[a==null?void 0:a.path,S]),w=ahooks.useLatest(a==null?void 0:a.path),j=React.useCallback(e=>__async(void 0,null,function*(){try{const r=J.current.slice(0),t=yield Promise.resolve(e());if(!t||t.length===0)return t;if(r.length){const n=new Set(r),u=t.filter(s=>n.has(s.id)).map(s=>s.id);E(u)}return t}catch(r){}}),[E]),N=e=>{const{boxID:r}=e;if(!d&&r){j(()=>{const t=q==null?void 0:q(e);return t?(b.current=t,P(t),t):null});return}M(e,!0)},B=e=>{w.current&&F(__spreadProps(__spreadValues({},e),{imageName:w.current}))},U=e=>{if(e.length===0)return;if(!d){const t=e.find(n=>n.boxID);if(t){j(()=>{const n=I==null?void 0:I(t);return n?(b.current=n,P(n),R(),n):null});return}}const r=e.find(t=>t.extId);r&&j(()=>{const{imageName:t,extId:n}=r,u=I==null?void 0:I({boxID:n,imageName:t});return u?(b.current=u,P(u),u):null}),T(e)},K=ahooks.useMemoizedFn(()=>{let e=[];return C.forEach(r=>{const{rects:t=[],id:n,attribute:u,trackID:s}=r,f=t.find(Q=>Q.imageName===w.current),_=n+"_"+w.current;f&&(e=[...e,__spreadProps(__spreadValues({},f),{boxID:n,id:_,attribute:u,order:s})])}),e}),R=useUpdateRectList.useUpdateRectList(()=>{var e,r,t;const n=d?[]:K(),u=(e=o.current)==null?void 0:e.selectedRectID,s=D.slice(0),f=util.selectSpecifiedRectsFromTopViewSelectedIds(s,n,V);(r=o.current)==null||r.setResult(f),u&&((t=o.current)==null||t.setSelectedRectID(u))}),A=({targetId:e})=>E(e);return React.useEffect(()=>{if(O.current){const e=new lbAnnotation.PointCloud2DRectOperation({container:O.current,size:v,config:__spreadProps(__spreadValues({},g),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:y});return o.current=e,o.current.init(),o.current.on("updateDragResult",N),o.current.on("afterAddingDrawingRect",B),o.current.on("deleteSelectedRects",U),o.current.on("onRightClick",A),()=>{var r,t,n,u,s;(r=o.current)==null||r.unbind("updateDragResult",N),(t=o.current)==null||t.unbind("afterAddingDrawingRect",B),(n=o.current)==null||n.unbind("deleteSelectedRects",U),(u=o.current)==null||u.unbind("onRightClick",A),(s=o.current)==null||s.destroy()}}},[]),React.useEffect(()=>{const e=t=>__async(void 0,null,function*(){try{return yield lbAnnotation.ImgUtils.load(t)}catch(n){return console.error("Error loading image:",n),null}}),r=()=>__async(void 0,null,function*(){var t;k(!0);let n=yield e(p);!n&&h&&(n=yield e(h)),n&&((t=o.current)==null||t.setImgNode(n),m(n)),k(!1)});o.current&&(p||h)&&r()},[p,h]),React.useEffect(()=>{var e;(e=o.current)==null||e.setSize(v)},[v]),React.useEffect(()=>{C!==b.current&&R()},[C]),React.useEffect(()=>{var e,r;const t=V.find(n=>n.id===o.current.selectedRectID);(r=(e=o.current)==null?void 0:e.setDefaultAttribute)==null||r.call(e,x),t&&z(n=>{var u;const s=[];let f=null;return n.forEach(_=>{_.id!==o.current.selectedRectID?s.push(_):f=_}),t.extId===void 0&&(f=(u=o.current)==null?void 0:u.selectedRect),[...s,__spreadProps(__spreadValues({},f||{}),{attribute:x})]}),R()},[x]),React.useEffect(()=>{R()},[V]),React.useEffect(()=>{R()},[d]),React.useEffect(()=>{var e,r,t,n;const u=(r=(e=o.current)==null?void 0:e.config)!=null?r:{},s=__spreadProps(__spreadValues({},u),{attributeList:(t=g.attributeList)!=null?t:[]});(n=o.current)==null||n.setConfig(JSON.stringify(s))},[g.attributeList]),React.useEffect(()=>{var e;(e=o.current)==null||e.setEnableAddRect(D.length===0),R()},[D]),React.useEffect(()=>{const{hiddenText:e}=L||{};if(e===void 0)return;const r=o.current;if(!r)return;const t=__spreadValues(__spreadValues({},r.style),L);r.setStyle(t)},[L]),React__default.default.createElement(es.Spin,{spinning:H},React__default.default.createElement("div",{ref:O,style:__spreadValues({position:"relative"},v)}))};var PointCloud2DRectOperationView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DRectOperationView);module.exports=PointCloud2DRectOperationView$1;
+"use strict";var ahooks=require("ahooks"),es=require("antd/es"),React=require("react"),reactRedux=require("react-redux"),usePointCloudViews=require("../pointCloudView/hooks/usePointCloudViews.js"),PointCloudContext=require("../pointCloudView/PointCloudContext.js"),map=require("../../store/annotation/map.js"),ctx=require("../../store/ctx.js"),lbAnnotation=require("@labelbee/lb-annotation"),util=require("./util.js"),useUpdateRectList=require("./useUpdateRectList.js"),useToolStyle=require("../../hooks/useToolStyle.js");function _interopDefaultLegacy(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}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=(l,u,i)=>u in l?__defProp(l,u,{enumerable:!0,configurable:!0,writable:!0,value:i}):l[u]=i,__spreadValues=(l,u)=>{for(var i in u||(u={}))__hasOwnProp.call(u,i)&&__defNormalProp(l,i,u[i]);if(__getOwnPropSymbols)for(var i of __getOwnPropSymbols(u))__propIsEnum.call(u,i)&&__defNormalProp(l,i,u[i]);return l},__spreadProps=(l,u)=>__defProps(l,__getOwnPropDescs(u)),__async=(l,u,i)=>new Promise((a,f)=>{var g=d=>{try{m(i.next(d))}catch(v){f(v)}},y=d=>{try{m(i.throw(d))}catch(v){f(v)}},m=d=>d.done?a(d.value):Promise.resolve(d.value).then(g,y);m((i=i.apply(l,u)).next())});const PointCloud2DRectOperationView=l=>{var u,i;const{mappingData:a,size:f,config:g,checkMode:y,afterImgOnLoad:m,shouldExcludePointCloudBoxListUpdate:d}=l,v=(u=a==null?void 0:a.url)!=null?u:"",h=(i=a==null?void 0:a.fallbackUrl)!=null?i:"",{pointCloudBoxList:C,setPointCloudResult:P,defaultAttribute:x,rectList:S,addRectIn2DView:T,updateRectIn2DView:z,removeRectIn2DView:J,updateRectListByReducer:$,selectedIDs:I,setSelectedIDs:E}=React.useContext(PointCloudContext.PointCloudContext),{value:L}=useToolStyle.useToolStyleContext(),G=ahooks.useLatest(I),{update2DViewRect:H,remove2DViewRect:K}=usePointCloudViews.usePointCloudViews(),O=React__default.default.useRef(null),o=React.useRef(null),k=ahooks.useMemoizedFn(H),b=ahooks.useMemoizedFn(K),D=React.useRef(null),[Q,q]=React.useState(!0),[N,B]=React.useState(""),V=React.useMemo(()=>S==null?void 0:S.filter(e=>e.imageName===(a==null?void 0:a.path)),[a==null?void 0:a.path,S]),w=ahooks.useLatest(a==null?void 0:a.path),j=React.useCallback(e=>__async(void 0,null,function*(){try{const r=G.current.slice(0),t=yield Promise.resolve(e());if(!t||t.length===0)return t;if(r.length){const n=new Set(r),c=t.filter(s=>n.has(s.id)).map(s=>s.id);E(c)}return t}catch(r){}}),[E]),U=e=>{const{boxID:r}=e;if(!d&&r){j(()=>{const t=k==null?void 0:k(e);return t?(D.current=t,P(t),t):null});return}z(e,!0)},A=e=>{w.current&&T(__spreadProps(__spreadValues({},e),{imageName:w.current}))},F=e=>{if(e.length===0)return;if(!d){const t=e.find(n=>n.boxID);if(t){j(()=>{const n=b==null?void 0:b(t);return n?(D.current=n,P(n),p(),n):null});return}}const r=e.find(t=>t.extId);r&&j(()=>{const{imageName:t,extId:n}=r,c=b==null?void 0:b({boxID:n,imageName:t});return c?(D.current=c,P(c),c):null}),J(e)},W=ahooks.useMemoizedFn(()=>{let e=[];return C.forEach(r=>{const{rects:t=[],id:n,attribute:c,trackID:s}=r,R=t.find(X=>X.imageName===w.current),_=n+"_"+w.current;R&&(e=[...e,__spreadProps(__spreadValues({},R),{boxID:n,id:_,attribute:c,order:s})])}),e}),p=useUpdateRectList.useUpdateRectList(()=>{var e,r;const t=d?[]:W(),n=I.slice(0),c=util.selectSpecifiedRectsFromTopViewSelectedIds(n,t,V);(e=o.current)==null||e.setResult(c),N&&((r=o.current)==null||r.setSelectedRectID(N),B(""))}),M=({targetId:e,id:r})=>{E(e),B(r)};return React.useEffect(()=>{if(O.current){const e=new lbAnnotation.PointCloud2DRectOperation({container:O.current,size:f,config:__spreadProps(__spreadValues({},g),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:y});return o.current=e,o.current.init(),o.current.on("updateDragResult",U),o.current.on("afterAddingDrawingRect",A),o.current.on("deleteSelectedRects",F),o.current.on("onRightClick",M),()=>{var r,t,n,c,s;(r=o.current)==null||r.unbind("updateDragResult",U),(t=o.current)==null||t.unbind("afterAddingDrawingRect",A),(n=o.current)==null||n.unbind("deleteSelectedRects",F),(c=o.current)==null||c.unbind("onRightClick",M),(s=o.current)==null||s.destroy()}}},[]),React.useEffect(()=>{const e=t=>__async(void 0,null,function*(){try{return yield lbAnnotation.ImgUtils.load(t)}catch(n){return console.error("Error loading image:",n),null}}),r=()=>__async(void 0,null,function*(){var t;q(!0);let n=yield e(v);!n&&h&&(n=yield e(h)),n&&((t=o.current)==null||t.setImgNode(n),m(n)),q(!1)});o.current&&(v||h)&&r()},[v,h]),React.useEffect(()=>{var e;(e=o.current)==null||e.setSize(f)},[f]),React.useEffect(()=>{C!==D.current&&p()},[C]),React.useEffect(()=>{var e,r;const t=V.find(n=>n.id===o.current.selectedRectID);(r=(e=o.current)==null?void 0:e.setDefaultAttribute)==null||r.call(e,x),t&&$(n=>{var c;const s=[];let R=null;return n.forEach(_=>{_.id!==o.current.selectedRectID?s.push(_):R=_}),t.extId===void 0&&(R=(c=o.current)==null?void 0:c.selectedRect),[...s,__spreadProps(__spreadValues({},R||{}),{attribute:x})]}),p()},[x]),React.useEffect(()=>{p()},[V]),React.useEffect(()=>{p()},[d]),React.useEffect(()=>{var e,r,t,n;const c=(r=(e=o.current)==null?void 0:e.config)!=null?r:{},s=__spreadProps(__spreadValues({},c),{attributeList:(t=g.attributeList)!=null?t:[]});(n=o.current)==null||n.setConfig(JSON.stringify(s))},[g.attributeList]),React.useEffect(()=>{var e;(e=o.current)==null||e.setEnableAddRect(I.length===0),p()},[I]),React.useEffect(()=>{const{hiddenText:e}=L||{};if(e===void 0)return;const r=o.current;if(!r)return;const t=__spreadValues(__spreadValues({},r.style),L);r.setStyle(t)},[L]),React__default.default.createElement(es.Spin,{spinning:Q},React__default.default.createElement("div",{ref:O,style:__spreadValues({position:"relative"},f)}))};var PointCloud2DRectOperationView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DRectOperationView);module.exports=PointCloud2DRectOperationView$1;