@labelbee/lb-components 1.22.0-alpha.4 → 1.22.0-alpha.6

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

@@ -1 +1 @@
-"use strict";var React=require("react"),antd=require("antd"),lbUtils=require("@labelbee/lb-utils"),reactI18next=require("react-i18next"),index_module=require("./index.module.scss.js"),classNames=require("classnames"),highlight=require("../../../../../../assets/annotation/pointCloudTool/highlight.svg.js"),highlight_a=require("../../../../../../assets/annotation/pointCloudTool/highlight_a.svg.js"),icons=require("@ant-design/icons"),audio=require("../../../../../../utils/audio.js"),index=require("../../../../../../store/annotatedBox/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,t,e)=>t in r?__defProp(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,__spreadValues=(r,t)=>{for(var e in t||(t={}))__hasOwnProp.call(t,e)&&__defNormalProp(r,e,t[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(t))__propIsEnum.call(t,e)&&__defNormalProp(r,e,t[e]);return r},__spreadProps=(r,t)=>__defProps(r,__getOwnPropDescs(t));const AnnotatedBox=r=>{const t=index(),e=t.ptCtx,D=u=>{var n;(n=e==null?void 0:e.addHighlightID)==null||n.call(e,u.trackID)},g=u=>{var n;(n=e==null?void 0:e.addSelectedID)==null||n.call(e,u.id)},d=u=>{var n;(n=e==null?void 0:e.setSelectedIDs)==null||n.call(e,u)},c=__spreadProps(__spreadValues({},r),{pointCloudBoxList:t.pointCloudBoxList,highlightIDs:t.highlightIDs,selectedIDs:t.selectedIDs,addHighlightID:D,addSelectedID:g,setSelectedIDs:d});return React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(AnnotatedBoxIDs,__spreadValues({},c)))},AnnotatedBoxIDs=r=>{const{imgList:t,imgIndex:e,isPreResult:D=!1,highlightIDs:g,selectedIDs:d,pointCloudBoxList:c,addHighlightID:u,addSelectedID:n,setSelectedIDs:v}=r,{t:f}=reactI18next.useTranslation(),[m,_]=React.useState([]),[p,k]=React.useState(!1);return React.useEffect(()=>{const l=t;let s=new Map;const h=d.map(a=>{var i;return(i=c.find(o=>o.id===a))==null?void 0:i.trackID});_(lbUtils.PointCloudUtils.getAllPointCloudResult({imgList:l,extraBoxList:c,ignoreIndexList:[e],isPreResult:D}).filter(a=>!a.trackID||s.get(a.trackID)?!1:(s.set(a.trackID,!0),!0)).sort((a,i)=>{var o,I;const x=(o=a==null?void 0:a.trackID)!=null?o:0,y=(I=i==null?void 0:i.trackID)!=null?I:0;return x-y}).map(a=>{var i;const o=c.find(I=>I.trackID===a.trackID);return{id:(i=o==null?void 0:o.id)!=null?i:a.id,trackID:a.trackID,disabled:!o,selected:h.includes(a.trackID),isHighlight:(a==null?void 0:a.trackID)?g.includes(a.trackID):!1}}))},[c,t,d,g,e]),React.useEffect(()=>{const l=c.filter(s=>s.trackID&&g.includes(s.trackID));if((l==null?void 0:l.length)&&l.every(h=>!d.includes(h.id))){const h=[...d,...l.map(a=>a.id)];v(h)}},[e,g,d]),React__default.default.createElement("div",{className:index_module.annotatedBox},React__default.default.createElement("div",{style:{marginBottom:16}},f("AllTrackIDs"),React__default.default.createElement(antd.Popover,{placement:"topRight",content:React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",null,f("ClickOnTheIdToHighlightTheMarkupBox")),React__default.default.createElement("div",null,f("DoubleClickOnTheIdToContinuouslyHighlightBoxesAcrossFrames")))},React__default.default.createElement(icons.QuestionCircleOutlined,{style:{marginLeft:8}}))),React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:16,justifyContent:"flex-end"}},React__default.default.createElement(antd.Checkbox,{checked:p,onChange:l=>k(l.target.checked)},f("OnlyCurrentFrame"))),React__default.default.createElement("div",{style:{userSelect:"none"}},m.map(l=>l.disabled&&p?null:React__default.default.createElement(antd.Tag,{key:l.trackID,className:classNames__default.default({[index_module.tag]:!0,[index_module.disabled]:l.disabled,[index_module.selected]:l.selected,[index_module.highlight]:l.isHighlight}),style:{marginBottom:8},onClick:s=>{if(s.preventDefault(),s.stopPropagation(),!l.disabled){if(audio.isDoubleClick(s)){u(l);return}n(l)}}},l.isHighlight&&React__default.default.createElement("img",{src:l.disabled?highlight:highlight_a,className:index_module.highlight}),l.trackID))))};module.exports=AnnotatedBox;
+"use strict";var React=require("react"),antd=require("antd"),lbUtils=require("@labelbee/lb-utils"),reactI18next=require("react-i18next"),index_module=require("./index.module.scss.js"),classNames=require("classnames"),highlight=require("../../../../../../assets/annotation/pointCloudTool/highlight.svg.js"),highlight_a=require("../../../../../../assets/annotation/pointCloudTool/highlight_a.svg.js"),icons=require("@ant-design/icons"),audio=require("../../../../../../utils/audio.js"),index=require("../../../../../../store/annotatedBox/index.js");function _interopDefaultLegacy(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(r,l,e)=>l in r?__defProp(r,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[l]=e,__spreadValues=(r,l)=>{for(var e in l||(l={}))__hasOwnProp.call(l,e)&&__defNormalProp(r,e,l[e]);if(__getOwnPropSymbols)for(var e of __getOwnPropSymbols(l))__propIsEnum.call(l,e)&&__defNormalProp(r,e,l[e]);return r},__spreadProps=(r,l)=>__defProps(r,__getOwnPropDescs(l));const AnnotatedBox=r=>{const l=index(),e=l.ptCtx,v=u=>{var n;(n=e==null?void 0:e.addHighlightID)==null||n.call(e,u.trackID)},g=u=>{var n;(n=e==null?void 0:e.addSelectedID)==null||n.call(e,u.id)},d=u=>{var n;(n=e==null?void 0:e.setSelectedIDs)==null||n.call(e,u)},c=__spreadProps(__spreadValues({},r),{pointCloudBoxList:l.pointCloudBoxList,highlightIDs:l.highlightIDs,selectedIDs:l.selectedIDs,addHighlightID:v,addSelectedID:g,setSelectedIDs:d});return React__default.default.createElement(reactI18next.I18nextProvider,{i18n:lbUtils.i18n},React__default.default.createElement(AnnotatedBoxIDs,__spreadValues({},c)))},AnnotatedBoxIDs=r=>{const{imgList:l,imgIndex:e,isPreResult:v=!1,highlightIDs:g,selectedIDs:d,pointCloudBoxList:c,addHighlightID:u,addSelectedID:n,setSelectedIDs:m}=r,{t:f}=reactI18next.useTranslation(),[_,k]=React.useState([]),[p,x]=React.useState(!1),D=React.useRef(null);return React.useEffect(()=>{const t=l;let s=new Map;const h=d.map(a=>{var i;return(i=c.find(o=>o.id===a))==null?void 0:i.trackID});k(lbUtils.PointCloudUtils.getAllPointCloudResult({imgList:t,extraBoxList:c,ignoreIndexList:[e],isPreResult:v}).filter(a=>!a.trackID||s.get(a.trackID)?!1:(s.set(a.trackID,!0),!0)).sort((a,i)=>{var o,I;const y=(o=a==null?void 0:a.trackID)!=null?o:0,b=(I=i==null?void 0:i.trackID)!=null?I:0;return y-b}).map(a=>{var i;const o=c.find(I=>I.trackID===a.trackID);return{id:(i=o==null?void 0:o.id)!=null?i:a.id,trackID:a.trackID,disabled:!o,selected:h.includes(a.trackID),isHighlight:(a==null?void 0:a.trackID)?g.includes(a.trackID):!1}}))},[c,l,d,g,e]),React.useEffect(()=>{const t=c.filter(s=>s.trackID&&g.includes(s.trackID));if((t==null?void 0:t.length)&&t.every(h=>!d.includes(h.id))){const h=[...d,...t.map(a=>a.id)];m(h)}},[e,g,d]),React__default.default.createElement("div",{className:index_module.annotatedBox},React__default.default.createElement("div",{style:{marginBottom:16}},f("AllTrackIDs"),React__default.default.createElement(antd.Popover,{placement:"topRight",content:React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",null,f("ClickOnTheIdToHighlightTheMarkupBox")),React__default.default.createElement("div",null,f("DoubleClickOnTheIdToContinuouslyHighlightBoxesAcrossFrames")))},React__default.default.createElement(icons.QuestionCircleOutlined,{style:{marginLeft:8}}))),React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:16,justifyContent:"flex-end"}},React__default.default.createElement(antd.Checkbox,{ref:D,checked:p,onChange:t=>x(t.target.checked),onFocus:()=>{var t;(t=D==null?void 0:D.current)==null||t.blur()}},f("OnlyCurrentFrame"))),React__default.default.createElement("div",{style:{userSelect:"none"}},_.map(t=>t.disabled&&p?null:React__default.default.createElement(antd.Tag,{key:t.trackID,className:classNames__default.default({[index_module.tag]:!0,[index_module.disabled]:t.disabled,[index_module.selected]:t.selected,[index_module.highlight]:t.isHighlight}),style:{marginBottom:8},onClick:s=>{if(s.preventDefault(),s.stopPropagation(),!t.disabled){if(audio.isDoubleClick(s)){u(t);return}n(t)}}},t.isHighlight&&React__default.default.createElement("img",{src:t.disabled?highlight:highlight_a,className:index_module.highlight}),t.trackID))))};module.exports=AnnotatedBox;

package/es/views/MainView/sidebar/PointCloudToolSidebar/components/annotatedBox/index.js

@@ -1 +1 @@
-import n,{useState as k,useEffect as x}from"react";import{Popover as w,Checkbox as T,Tag as j}from"antd";import{i18n as H,PointCloudUtils as L}from"@labelbee/lb-utils";import{I18nextProvider as A,useTranslation as N}from"react-i18next";import h from"./index.module.scss.js";import R from"classnames";import F from"../../../../../../assets/annotation/pointCloudTool/highlight.svg.js";import M from"../../../../../../assets/annotation/pointCloudTool/highlight_a.svg.js";import{QuestionCircleOutlined as Q}from"@ant-design/icons";import{isDoubleClick as U}from"../../../../../../utils/audio.js";import V from"../../../../../../store/annotatedBox/index.js";var $=Object.defineProperty,q=Object.defineProperties,z=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,y=(o,t,e)=>t in o?$(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,C=(o,t)=>{for(var e in t||(t={}))G.call(t,e)&&y(o,e,t[e]);if(_)for(var e of _(t))J.call(t,e)&&y(o,e,t[e]);return o},K=(o,t)=>q(o,z(t));const W=o=>{const t=V(),e=t.ptCtx,D=g=>{var s;(s=e==null?void 0:e.addHighlightID)==null||s.call(e,g.trackID)},m=g=>{var s;(s=e==null?void 0:e.addSelectedID)==null||s.call(e,g.id)},d=g=>{var s;(s=e==null?void 0:e.setSelectedIDs)==null||s.call(e,g)},u=K(C({},o),{pointCloudBoxList:t.pointCloudBoxList,highlightIDs:t.highlightIDs,selectedIDs:t.selectedIDs,addHighlightID:D,addSelectedID:m,setSelectedIDs:d});return n.createElement(A,{i18n:H},n.createElement(X,C({},u)))},X=o=>{const{imgList:t,imgIndex:e,isPreResult:D=!1,highlightIDs:m,selectedIDs:d,pointCloudBoxList:u,addHighlightID:g,addSelectedID:s,setSelectedIDs:P}=o,{t:I}=N(),[S,b]=k([]),[v,E]=k(!1);return x(()=>{const r=t;let a=new Map;const p=d.map(l=>{var i;return(i=u.find(c=>c.id===l))==null?void 0:i.trackID});b(L.getAllPointCloudResult({imgList:r,extraBoxList:u,ignoreIndexList:[e],isPreResult:D}).filter(l=>!l.trackID||a.get(l.trackID)?!1:(a.set(l.trackID,!0),!0)).sort((l,i)=>{var c,f;const O=(c=l==null?void 0:l.trackID)!=null?c:0,B=(f=i==null?void 0:i.trackID)!=null?f:0;return O-B}).map(l=>{var i;const c=u.find(f=>f.trackID===l.trackID);return{id:(i=c==null?void 0:c.id)!=null?i:l.id,trackID:l.trackID,disabled:!c,selected:p.includes(l.trackID),isHighlight:(l==null?void 0:l.trackID)?m.includes(l.trackID):!1}}))},[u,t,d,m,e]),x(()=>{const r=u.filter(a=>a.trackID&&m.includes(a.trackID));if((r==null?void 0:r.length)&&r.every(p=>!d.includes(p.id))){const p=[...d,...r.map(l=>l.id)];P(p)}},[e,m,d]),n.createElement("div",{className:h.annotatedBox},n.createElement("div",{style:{marginBottom:16}},I("AllTrackIDs"),n.createElement(w,{placement:"topRight",content:n.createElement(n.Fragment,null,n.createElement("div",null,I("ClickOnTheIdToHighlightTheMarkupBox")),n.createElement("div",null,I("DoubleClickOnTheIdToContinuouslyHighlightBoxesAcrossFrames")))},n.createElement(Q,{style:{marginLeft:8}}))),n.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:16,justifyContent:"flex-end"}},n.createElement(T,{checked:v,onChange:r=>E(r.target.checked)},I("OnlyCurrentFrame"))),n.createElement("div",{style:{userSelect:"none"}},S.map(r=>r.disabled&&v?null:n.createElement(j,{key:r.trackID,className:R({[h.tag]:!0,[h.disabled]:r.disabled,[h.selected]:r.selected,[h.highlight]:r.isHighlight}),style:{marginBottom:8},onClick:a=>{if(a.preventDefault(),a.stopPropagation(),!r.disabled){if(U(a)){g(r);return}s(r)}}},r.isHighlight&&n.createElement("img",{src:r.disabled?F:M,className:h.highlight}),r.trackID))))};export{W as default};
+import n,{useState as x,useRef as T,useEffect as _}from"react";import{Popover as j,Checkbox as H,Tag as L}from"antd";import{i18n as A,PointCloudUtils as R}from"@labelbee/lb-utils";import{I18nextProvider as N,useTranslation as F}from"react-i18next";import h from"./index.module.scss.js";import M from"classnames";import Q from"../../../../../../assets/annotation/pointCloudTool/highlight.svg.js";import U from"../../../../../../assets/annotation/pointCloudTool/highlight_a.svg.js";import{QuestionCircleOutlined as V}from"@ant-design/icons";import{isDoubleClick as $}from"../../../../../../utils/audio.js";import q from"../../../../../../store/annotatedBox/index.js";var z=Object.defineProperty,G=Object.defineProperties,J=Object.getOwnPropertyDescriptors,y=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable,C=(o,r,e)=>r in o?z(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,b=(o,r)=>{for(var e in r||(r={}))K.call(r,e)&&C(o,e,r[e]);if(y)for(var e of y(r))W.call(r,e)&&C(o,e,r[e]);return o},X=(o,r)=>G(o,J(r));const Y=o=>{const r=q(),e=r.ptCtx,D=g=>{var s;(s=e==null?void 0:e.addHighlightID)==null||s.call(e,g.trackID)},m=g=>{var s;(s=e==null?void 0:e.addSelectedID)==null||s.call(e,g.id)},d=g=>{var s;(s=e==null?void 0:e.setSelectedIDs)==null||s.call(e,g)},u=X(b({},o),{pointCloudBoxList:r.pointCloudBoxList,highlightIDs:r.highlightIDs,selectedIDs:r.selectedIDs,addHighlightID:D,addSelectedID:m,setSelectedIDs:d});return n.createElement(N,{i18n:A},n.createElement(Z,b({},u)))},Z=o=>{const{imgList:r,imgIndex:e,isPreResult:D=!1,highlightIDs:m,selectedIDs:d,pointCloudBoxList:u,addHighlightID:g,addSelectedID:s,setSelectedIDs:P}=o,{t:I}=F(),[S,E]=x([]),[k,O]=x(!1),v=T(null);return _(()=>{const t=r;let a=new Map;const p=d.map(l=>{var i;return(i=u.find(c=>c.id===l))==null?void 0:i.trackID});E(R.getAllPointCloudResult({imgList:t,extraBoxList:u,ignoreIndexList:[e],isPreResult:D}).filter(l=>!l.trackID||a.get(l.trackID)?!1:(a.set(l.trackID,!0),!0)).sort((l,i)=>{var c,f;const B=(c=l==null?void 0:l.trackID)!=null?c:0,w=(f=i==null?void 0:i.trackID)!=null?f:0;return B-w}).map(l=>{var i;const c=u.find(f=>f.trackID===l.trackID);return{id:(i=c==null?void 0:c.id)!=null?i:l.id,trackID:l.trackID,disabled:!c,selected:p.includes(l.trackID),isHighlight:(l==null?void 0:l.trackID)?m.includes(l.trackID):!1}}))},[u,r,d,m,e]),_(()=>{const t=u.filter(a=>a.trackID&&m.includes(a.trackID));if((t==null?void 0:t.length)&&t.every(p=>!d.includes(p.id))){const p=[...d,...t.map(l=>l.id)];P(p)}},[e,m,d]),n.createElement("div",{className:h.annotatedBox},n.createElement("div",{style:{marginBottom:16}},I("AllTrackIDs"),n.createElement(j,{placement:"topRight",content:n.createElement(n.Fragment,null,n.createElement("div",null,I("ClickOnTheIdToHighlightTheMarkupBox")),n.createElement("div",null,I("DoubleClickOnTheIdToContinuouslyHighlightBoxesAcrossFrames")))},n.createElement(V,{style:{marginLeft:8}}))),n.createElement("div",{style:{display:"flex",alignItems:"center",marginBottom:16,justifyContent:"flex-end"}},n.createElement(H,{ref:v,checked:k,onChange:t=>O(t.target.checked),onFocus:()=>{var t;(t=v==null?void 0:v.current)==null||t.blur()}},I("OnlyCurrentFrame"))),n.createElement("div",{style:{userSelect:"none"}},S.map(t=>t.disabled&&k?null:n.createElement(L,{key:t.trackID,className:M({[h.tag]:!0,[h.disabled]:t.disabled,[h.selected]:t.selected,[h.highlight]:t.isHighlight}),style:{marginBottom:8},onClick:a=>{if(a.preventDefault(),a.stopPropagation(),!t.disabled){if($(a)){g(t);return}s(t)}}},t.isHighlight&&n.createElement("img",{src:t.disabled?Q:U,className:h.highlight}),t.trackID))))};export{Y as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.22.0-alpha.4",
+  "version": "1.22.0-alpha.6",
   "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.26.0-alpha.3",
+    "@labelbee/lb-annotation": "1.26.0-alpha.4",
     "@labelbee/lb-utils": "1.18.0-alpha.2",
     "@labelbee/wavesurfer": "1.0.0",
     "@types/react-dom": "^18.2.7",