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

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"),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;
+"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,a,r)=>a in n?__defProp(n,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[a]=r,__spreadValues=(n,a)=>{for(var r in a||(a={}))__hasOwnProp.call(a,r)&&__defNormalProp(n,r,a[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(a))__propIsEnum.call(a,r)&&__defNormalProp(n,r,a[r]);return n},__spreadProps=(n,a)=>__defProps(n,__getOwnPropDescs(a));const PointCloud2DRectOperationView=n=>{var a;const{mappingData:r,size:l,config:f,checkMode:O,afterImgOnLoad:L}=n,v=(a=r==null?void 0:r.url)!=null?a:"",{t:y}=reactI18next.useTranslation(),{pointCloudBoxList:s,setPointCloudResult:V,defaultAttribute:p,rectList:R,addRectIn2DView:E,updateRectIn2DView:m,removeRectIn2DView:S}=React.useContext(PointCloudContext.PointCloudContext),{update2DViewRect:j}=usePointCloudViews.usePointCloudViews(),_=React__default.default.useRef(null),t=React.useRef(null),D=ahooks.useLatest(j),P=React.useRef(null),[q,w]=React.useState(!0),g=React.useMemo(()=>R==null?void 0:R.filter(e=>e.imageName===(r==null?void 0:r.path)),[r==null?void 0:r.path,R]),d=ahooks.useLatest(r==null?void 0:r.path),C=e=>{var o;const{boxID:u}=e;if(u){const i=(o=D.current)==null?void 0:o.call(D,e);P.current=i,V(i);return}m(e)},I=e=>{d.current&&E(__spreadProps(__spreadValues({},e),{imageName:d.current}))},x=e=>{e.some(u=>u.boxID)&&es.message.warning(y("ProjectionFrameCannotBeDeleted")),S(e)},B=React.useCallback(()=>{let e=[];return s.forEach(o=>{const{rects:u=[],id:i,attribute:c,trackID:A}=o,h=u.find(k=>k.imageName===d.current),N=i+"_"+d.current;h&&(e=[...e,__spreadProps(__spreadValues({},h),{boxID:i,id:N,attribute:c,order:A})])}),e},[s]),b=()=>{var e,o,u;const i=B(),c=(e=t.current)==null?void 0:e.selectedRectID;(o=t.current)==null||o.setResult([...i,...g]),c&&((u=t.current)==null||u.setSelectedRectID(c))};return React.useEffect(()=>{if(_.current){const e=new lbAnnotation.PointCloud2DRectOperation({container:_.current,size:l,config:__spreadProps(__spreadValues({},f),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:O});return t.current=e,t.current.init(),t.current.on("updateDragResult",C),t.current.on("afterAddingDrawingRect",I),t.current.on("deleteSelectedRects",x),()=>{var o,u,i,c;(o=t.current)==null||o.unbind("updateDragResult",C),(u=t.current)==null||u.unbind("afterAddingDrawingRect",I),(i=t.current)==null||i.unbind("deleteSelectedRects",x),(c=t.current)==null||c.destroy()}}},[]),React.useEffect(()=>{w(!0),t.current&&v&&lbAnnotation.ImgUtils.load(v).then(e=>{t.current.setImgNode(e),L(e),w(!1)})},[v]),React.useEffect(()=>{var e;(e=t.current)==null||e.setSize(l)},[l]),React.useEffect(()=>{s!==P.current&&b()},[s]),React.useEffect(()=>{var e,o,u;const i=g.find(c=>c.id===t.current.selectedRectID);(o=(e=t.current)==null?void 0:e.setDefaultAttribute)==null||o.call(e,p),i&&m(__spreadProps(__spreadValues({},(u=t.current)==null?void 0:u.selectedRect),{attribute:p})),b()},[p]),React.useEffect(()=>{b()},[g]),React.useEffect(()=>{var e,o,u,i;const c=(o=(e=t.current)==null?void 0:e.config)!=null?o:{};(i=t.current)==null||i.setConfig(JSON.stringify(__spreadProps(__spreadValues({},c),{attributeList:(u=f.attributeList)!=null?u:[]})))},[f.attributeList]),React__default.default.createElement(es.Spin,{spinning:q},React__default.default.createElement("div",{ref:_,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 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};
+import{useLatest as S}from"ahooks";import{Spin as H,message as K}from"antd/es";import P,{useContext as Q,useRef as j,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,B=Object.getOwnPropertySymbols,se=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable,E=(c,i,r)=>i in c?ce(c,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[i]=r,s=(c,i)=>{for(var r in i||(i={}))se.call(i,r)&&E(c,r,i[r]);if(B)for(var r of B(i))de.call(i,r)&&E(c,r,i[r]);return c},d=(c,i)=>le(c,ue(i));const pe=c=>{var i;const{mappingData:r,size:p,config:v,checkMode:A,afterImgOnLoad:N}=c,_=(i=r==null?void 0:r.url)!=null?i:"",{t:U}=ee(),{pointCloudBoxList:f,setPointCloudResult:k,defaultAttribute:R,rectList:g,addRectIn2DView:M,updateRectIn2DView:C,removeRectIn2DView:z}=Q(re),{update2DViewRect:F}=te(),b=P.useRef(null),t=j(null),I=S(F),O=j(null),[T,h]=W(!0),D=X(()=>g==null?void 0:g.filter(e=>e.imageName===(r==null?void 0:r.path)),[r==null?void 0:r.path,g]),m=S(r==null?void 0:r.path),x=e=>{var n;const{boxID:o}=e;if(o){const a=(n=I.current)==null?void 0:n.call(I,e);O.current=a,k(a);return}C(e)},L=e=>{m.current&&M(d(s({},e),{imageName:m.current}))},y=e=>{e.some(o=>o.boxID)&&K.warning(U("ProjectionFrameCannotBeDeleted")),z(e)},J=Y(()=>{let e=[];return f.forEach(n=>{const{rects:o=[],id:a,attribute:l,trackID:$}=n,V=o.find(G=>G.imageName===m.current),q=a+"_"+m.current;V&&(e=[...e,d(s({},V),{boxID:a,id:q,attribute:l,order:$})])}),e},[f]),w=()=>{var e,n,o;const a=J(),l=(e=t.current)==null?void 0:e.selectedRectID;(n=t.current)==null||n.setResult([...a,...D]),l&&((o=t.current)==null||o.setSelectedRectID(l))};return u(()=>{if(b.current){const e=new ie({container:b.current,size:p,config:d(s({},v),{isShowOrder:!0,attributeConfigurable:!0}),checkMode:A});return t.current=e,t.current.init(),t.current.on("updateDragResult",x),t.current.on("afterAddingDrawingRect",L),t.current.on("deleteSelectedRects",y),()=>{var n,o,a,l;(n=t.current)==null||n.unbind("updateDragResult",x),(o=t.current)==null||o.unbind("afterAddingDrawingRect",L),(a=t.current)==null||a.unbind("deleteSelectedRects",y),(l=t.current)==null||l.destroy()}}},[]),u(()=>{h(!0),t.current&&_&&ae.load(_).then(e=>{t.current.setImgNode(e),N(e),h(!1)})},[_]),u(()=>{var e;(e=t.current)==null||e.setSize(p)},[p]),u(()=>{f!==O.current&&w()},[f]),u(()=>{var e,n,o;const a=D.find(l=>l.id===t.current.selectedRectID);(n=(e=t.current)==null?void 0:e.setDefaultAttribute)==null||n.call(e,R),a&&C(d(s({},(o=t.current)==null?void 0:o.selectedRect),{attribute:R})),w()},[R]),u(()=>{w()},[D]),u(()=>{var e,n,o,a;const l=(n=(e=t.current)==null?void 0:e.config)!=null?n:{};(a=t.current)==null||a.setConfig(JSON.stringify(d(s({},l),{attributeList:(o=v.attributeList)!=null?o:[]})))},[v.attributeList]),P.createElement(H,{spinning:T},P.createElement("div",{ref:b,style:s({position:"relative"},p)}))};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.16",
+  "version": "1.23.0-alpha.17",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-annotation": "1.27.0-alpha.8",
+    "@labelbee/lb-annotation": "1.27.0-alpha.9",
     "@labelbee/lb-utils": "1.19.0-alpha.4",
     "@labelbee/wavesurfer": "1.0.0",
     "@types/react-dom": "^18.2.7",