@labelbee/lb-components 1.23.0-alpha.15 → 1.23.0-alpha.16

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");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}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=(r,n,t)=>n in r?__defProp(r,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[n]=t,__spreadValues=(r,n)=>{for(var t in n||(n={}))__hasOwnProp.call(n,t)&&__defNormalProp(r,t,n[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(n))__propIsEnum.call(n,t)&&__defNormalProp(r,t,n[t]);return r},__spreadProps=(r,n)=>__defProps(r,__getOwnPropDescs(n));const PointCloud2DRectOperationView=r=>{var n;const{mappingData:t,size:l,config:O,checkMode:h,afterImgOnLoad:x}=r,f=(n=t==null?void 0:t.url)!=null?n:"",{pointCloudBoxList:s,setPointCloudResult:L,defaultAttribute:_,rectList:p,addRectIn2DView:y,updateRectIn2DView:V,removeRectIn2DView:E}=React.useContext(PointCloudContext.PointCloudContext),{update2DViewRect:S}=usePointCloudViews.usePointCloudViews(),v=React__default.default.useRef(null),o=React.useRef(null),R=ahooks.useLatest(S),g=React.useRef(null),[j,D]=React.useState(!0),m=React.useMemo(()=>p==null?void 0:p.filter(e=>e.imageName===(t==null?void 0:t.path)),[t==null?void 0:t.path,p]),d=ahooks.useLatest(t==null?void 0:t.path),P=e=>{var u;const{boxID:i}=e;if(i){const a=(u=R.current)==null?void 0:u.call(R,e);g.current=a,L(a);return}V(e)},b=e=>{d.current&&y(__spreadProps(__spreadValues({},e),{imageName:d.current}))},w=e=>{E(e)},q=React.useCallback(()=>{let e=[];return s.forEach(u=>{const{rects:i=[],id:a,attribute:c,trackID:A}=u,I=i.find(k=>k.imageName===d.current),B=a+"_"+d.current;I&&(e=[...e,__spreadProps(__spreadValues({},I),{boxID:a,id:B,attribute:c,order:A})])}),e},[s]),C=()=>{var e,u,i;const a=q(),c=(e=o.current)==null?void 0:e.selectedRectID;(u=o.current)==null||u.setResult([...a,...m]),c&&((i=o.current)==null||i.setSelectedRectID(c))};return React.useEffect(()=>{if(v.current){const e=new lbAnnotation.PointCloud2DRectOperation({container:v.current,size:l,config:__spreadProps(__spreadValues({},O),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:h});return o.current=e,o.current.init(),o.current.on("updateDragResult",P),o.current.on("afterAddingDrawingRect",b),o.current.on("deleteSelectedRects",w),()=>{var u,i,a,c;(u=o.current)==null||u.unbind("updateDragResult",P),(i=o.current)==null||i.unbind("afterAddingDrawingRect",b),(a=o.current)==null||a.unbind("deleteSelectedRects",w),(c=o.current)==null||c.destroy()}}},[]),React.useEffect(()=>{D(!0),o.current&&f&&lbAnnotation.ImgUtils.load(f).then(e=>{o.current.setImgNode(e),x(e),D(!1)})},[f]),React.useEffect(()=>{var e;(e=o.current)==null||e.setSize(l)},[l]),React.useEffect(()=>{s!==g.current&&C()},[s]),React.useEffect(()=>{var e,u;(u=(e=o.current)==null?void 0:e.setDefaultAttribute)==null||u.call(e,_)},[_]),React.useEffect(()=>{C()},[m]),React__default.default.createElement(es.Spin,{spinning:j},React__default.default.createElement("div",{ref:v,style:__spreadValues({position:"relative"},l)}))};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"),reactI18next=require("react-i18next"),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");function _interopDefaultLegacy(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}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=(n,o,t)=>o in n?__defProp(n,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[o]=t,__spreadValues=(n,o)=>{for(var t in o||(o={}))__hasOwnProp.call(o,t)&&__defNormalProp(n,t,o[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(o))__propIsEnum.call(o,t)&&__defNormalProp(n,t,o[t]);return n},__spreadProps=(n,o)=>__defProps(n,__getOwnPropDescs(o));const PointCloud2DRectOperationView=n=>{var o;const{mappingData:t,size:l,config:h,checkMode:O,afterImgOnLoad:y}=n,f=(o=t==null?void 0:t.url)!=null?o:"",{t:L}=reactI18next.useTranslation(),{pointCloudBoxList:s,setPointCloudResult:V,defaultAttribute:p,rectList:v,addRectIn2DView:E,updateRectIn2DView:m,removeRectIn2DView:j}=React.useContext(PointCloudContext.PointCloudContext),{update2DViewRect:q}=usePointCloudViews.usePointCloudViews(),R=React__default.default.useRef(null),r=React.useRef(null),D=ahooks.useLatest(q),b=React.useRef(null),[S,P]=React.useState(!0),_=React.useMemo(()=>v==null?void 0:v.filter(e=>e.imageName===(t==null?void 0:t.path)),[t==null?void 0:t.path,v]),d=ahooks.useLatest(t==null?void 0:t.path),w=e=>{var a;const{boxID:u}=e;if(u){const c=(a=D.current)==null?void 0:a.call(D,e);b.current=c,V(c);return}m(e)},C=e=>{d.current&&E(__spreadProps(__spreadValues({},e),{imageName:d.current}))},I=e=>{e.some(u=>u.boxID)&&es.message.warning(L("ProjectionFrameCannotBeDeleted")),j(e)},B=React.useCallback(()=>{let e=[];return s.forEach(a=>{const{rects:u=[],id:c,attribute:i,trackID:A}=a,x=u.find(N=>N.imageName===d.current),k=c+"_"+d.current;x&&(e=[...e,__spreadProps(__spreadValues({},x),{boxID:c,id:k,attribute:i,order:A})])}),e},[s]),g=()=>{var e,a,u;const c=B(),i=(e=r.current)==null?void 0:e.selectedRectID;(a=r.current)==null||a.setResult([...c,..._]),i&&((u=r.current)==null||u.setSelectedRectID(i))};return React.useEffect(()=>{if(R.current){const e=new lbAnnotation.PointCloud2DRectOperation({container:R.current,size:l,config:__spreadProps(__spreadValues({},h),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:O});return r.current=e,r.current.init(),r.current.on("updateDragResult",w),r.current.on("afterAddingDrawingRect",C),r.current.on("deleteSelectedRects",I),()=>{var a,u,c,i;(a=r.current)==null||a.unbind("updateDragResult",w),(u=r.current)==null||u.unbind("afterAddingDrawingRect",C),(c=r.current)==null||c.unbind("deleteSelectedRects",I),(i=r.current)==null||i.destroy()}}},[]),React.useEffect(()=>{P(!0),r.current&&f&&lbAnnotation.ImgUtils.load(f).then(e=>{r.current.setImgNode(e),y(e),P(!1)})},[f]),React.useEffect(()=>{var e;(e=r.current)==null||e.setSize(l)},[l]),React.useEffect(()=>{s!==b.current&&g()},[s]),React.useEffect(()=>{var e,a,u;const c=_.find(i=>i.id===r.current.selectedRectID);(a=(e=r.current)==null?void 0:e.setDefaultAttribute)==null||a.call(e,p),c&&m(__spreadProps(__spreadValues({},(u=r.current)==null?void 0:u.selectedRect),{attribute:p})),g()},[p]),React.useEffect(()=>{g()},[_]),React__default.default.createElement(es.Spin,{spinning:S},React__default.default.createElement("div",{ref:R,style:__spreadValues({position:"relative"},l)}))};var PointCloud2DRectOperationView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DRectOperationView);module.exports=PointCloud2DRectOperationView$1;

package/es/components/pointCloud2DRectOperationView/index.js

@@ -1 +1 @@
-import{useLatest as V}from"ahooks";import{Spin as H}from"antd/es";import R,{useContext as J,useRef as y,useState as K,useMemo as Q,useCallback as W,useEffect as u}from"react";import{connect as X}from"react-redux";import{usePointCloudViews as Y}from"../pointCloudView/hooks/usePointCloudViews.js";import{PointCloudContext as Z}from"../pointCloudView/PointCloudContext.js";import{a2MapStateToProps as ee}from"../../store/annotation/map.js";import{LabelBeeContext as te}from"../../store/ctx.js";import{PointCloud2DRectOperation as re,ImgUtils as ne}from"@labelbee/lb-annotation";var oe=Object.defineProperty,ie=Object.defineProperties,ae=Object.getOwnPropertyDescriptors,S=Object.getOwnPropertySymbols,le=Object.prototype.hasOwnProperty,ce=Object.prototype.propertyIsEnumerable,j=(i,r,t)=>r in i?oe(i,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[r]=t,f=(i,r)=>{for(var t in r||(r={}))le.call(r,t)&&j(i,t,r[t]);if(S)for(var t of S(r))ce.call(r,t)&&j(i,t,r[t]);return i},g=(i,r)=>ie(i,ae(r));const ue=i=>{var r;const{mappingData:t,size:s,config:B,checkMode:E,afterImgOnLoad:A}=i,m=(r=t==null?void 0:t.url)!=null?r:"",{pointCloudBoxList:d,setPointCloudResult:N,defaultAttribute:D,rectList:v,addRectIn2DView:k,updateRectIn2DView:M,removeRectIn2DView:z}=J(Z),{update2DViewRect:U}=Y(),_=R.useRef(null),n=y(null),w=V(U),P=y(null),[F,b]=K(!0),C=Q(()=>v==null?void 0:v.filter(e=>e.imageName===(t==null?void 0:t.path)),[t==null?void 0:t.path,v]),p=V(t==null?void 0:t.path),I=e=>{var o;const{boxID:l}=e;if(l){const a=(o=w.current)==null?void 0:o.call(w,e);P.current=a,N(a);return}M(e)},O=e=>{p.current&&k(g(f({},e),{imageName:p.current}))},h=e=>{z(e)},T=W(()=>{let e=[];return d.forEach(o=>{const{rects:l=[],id:a,attribute:c,trackID:$}=o,L=l.find(G=>G.imageName===p.current),q=a+"_"+p.current;L&&(e=[...e,g(f({},L),{boxID:a,id:q,attribute:c,order:$})])}),e},[d]),x=()=>{var e,o,l;const a=T(),c=(e=n.current)==null?void 0:e.selectedRectID;(o=n.current)==null||o.setResult([...a,...C]),c&&((l=n.current)==null||l.setSelectedRectID(c))};return u(()=>{if(_.current){const e=new re({container:_.current,size:s,config:g(f({},B),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:E});return n.current=e,n.current.init(),n.current.on("updateDragResult",I),n.current.on("afterAddingDrawingRect",O),n.current.on("deleteSelectedRects",h),()=>{var o,l,a,c;(o=n.current)==null||o.unbind("updateDragResult",I),(l=n.current)==null||l.unbind("afterAddingDrawingRect",O),(a=n.current)==null||a.unbind("deleteSelectedRects",h),(c=n.current)==null||c.destroy()}}},[]),u(()=>{b(!0),n.current&&m&&ne.load(m).then(e=>{n.current.setImgNode(e),A(e),b(!1)})},[m]),u(()=>{var e;(e=n.current)==null||e.setSize(s)},[s]),u(()=>{d!==P.current&&x()},[d]),u(()=>{var e,o;(o=(e=n.current)==null?void 0:e.setDefaultAttribute)==null||o.call(e,D)},[D]),u(()=>{x()},[C]),R.createElement(H,{spinning:F},R.createElement("div",{ref:_,style:f({position:"relative"},s)}))};var se=X(ee,null,null,{context:te})(ue);export{se as default};
+import{useLatest as L}from"ahooks";import{Spin as J,message as K}from"antd/es";import w,{useContext as Q,useRef as S,useState as W,useMemo as X,useCallback as Y,useEffect as u}from"react";import{connect as Z}from"react-redux";import{useTranslation as ee}from"react-i18next";import{usePointCloudViews as te}from"../pointCloudView/hooks/usePointCloudViews.js";import{PointCloudContext as re}from"../pointCloudView/PointCloudContext.js";import{a2MapStateToProps as ne}from"../../store/annotation/map.js";import{LabelBeeContext as oe}from"../../store/ctx.js";import{PointCloud2DRectOperation as ie,ImgUtils as ae}from"@labelbee/lb-annotation";var ce=Object.defineProperty,le=Object.defineProperties,ue=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,se=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable,B=(c,n,t)=>n in c?ce(c,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[n]=t,s=(c,n)=>{for(var t in n||(n={}))se.call(n,t)&&B(c,t,n[t]);if(j)for(var t of j(n))de.call(n,t)&&B(c,t,n[t]);return c},m=(c,n)=>le(c,ue(n));const pe=c=>{var n;const{mappingData:t,size:d,config:E,checkMode:A,afterImgOnLoad:N}=c,v=(n=t==null?void 0:t.url)!=null?n:"",{t:U}=ee(),{pointCloudBoxList:p,setPointCloudResult:k,defaultAttribute:R,rectList:_,addRectIn2DView:M,updateRectIn2DView:P,removeRectIn2DView:z}=Q(re),{update2DViewRect:F}=te(),g=w.useRef(null),r=S(null),I=L(F),C=S(null),[T,h]=W(!0),D=X(()=>_==null?void 0:_.filter(e=>e.imageName===(t==null?void 0:t.path)),[t==null?void 0:t.path,_]),f=L(t==null?void 0:t.path),O=e=>{var o;const{boxID:i}=e;if(i){const a=(o=I.current)==null?void 0:o.call(I,e);C.current=a,k(a);return}P(e)},x=e=>{f.current&&M(m(s({},e),{imageName:f.current}))},V=e=>{e.some(i=>i.boxID)&&K.warning(U("ProjectionFrameCannotBeDeleted")),z(e)},$=Y(()=>{let e=[];return p.forEach(o=>{const{rects:i=[],id:a,attribute:l,trackID:q}=o,y=i.find(H=>H.imageName===f.current),G=a+"_"+f.current;y&&(e=[...e,m(s({},y),{boxID:a,id:G,attribute:l,order:q})])}),e},[p]),b=()=>{var e,o,i;const a=$(),l=(e=r.current)==null?void 0:e.selectedRectID;(o=r.current)==null||o.setResult([...a,...D]),l&&((i=r.current)==null||i.setSelectedRectID(l))};return u(()=>{if(g.current){const e=new ie({container:g.current,size:d,config:m(s({},E),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:A});return r.current=e,r.current.init(),r.current.on("updateDragResult",O),r.current.on("afterAddingDrawingRect",x),r.current.on("deleteSelectedRects",V),()=>{var o,i,a,l;(o=r.current)==null||o.unbind("updateDragResult",O),(i=r.current)==null||i.unbind("afterAddingDrawingRect",x),(a=r.current)==null||a.unbind("deleteSelectedRects",V),(l=r.current)==null||l.destroy()}}},[]),u(()=>{h(!0),r.current&&v&&ae.load(v).then(e=>{r.current.setImgNode(e),N(e),h(!1)})},[v]),u(()=>{var e;(e=r.current)==null||e.setSize(d)},[d]),u(()=>{p!==C.current&&b()},[p]),u(()=>{var e,o,i;const a=D.find(l=>l.id===r.current.selectedRectID);(o=(e=r.current)==null?void 0:e.setDefaultAttribute)==null||o.call(e,R),a&&P(m(s({},(i=r.current)==null?void 0:i.selectedRect),{attribute:R})),b()},[R]),u(()=>{b()},[D]),w.createElement(J,{spinning:T},w.createElement("div",{ref:g,style:s({position:"relative"},d)}))};var fe=Z(ne,null,null,{context:oe})(pe);export{fe as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.23.0-alpha.15",
+  "version": "1.23.0-alpha.16",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -43,8 +43,8 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "1.27.0-alpha.7",
-    "@labelbee/lb-utils": "1.19.0-alpha.3",
+    "@labelbee/lb-annotation": "1.27.0-alpha.8",
+    "@labelbee/lb-utils": "1.19.0-alpha.4",
     "@labelbee/wavesurfer": "1.0.0",
     "@types/react-dom": "^18.2.7",
     "@types/react-transition-group": "^4.4.9",