@labelbee/lb-components 1.22.0-alpha.4 → 1.22.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +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,
|
|
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,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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import n,{useState as
|
|
1
|
+
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};
|