@labelbee/lb-components 1.23.0-alpha.73 → 1.23.0-alpha.74
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 dom=require("../../utils/dom.js"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudContext=require("./PointCloudContext.js"),reactRedux=require("react-redux"),lbAnnotation=require("@labelbee/lb-annotation"),ctx=require("../../store/ctx.js"),map=require("../../store/annotation/map.js"),PointCloud2DSingleView=require("./PointCloud2DSingleView.js"),index=require("./components/TitleButton/index.js"),icons=require("@ant-design/icons"),classNames=require("classnames"),icon_esc=require("../../assets/annotation/common/icon_esc.svg.js"),icon_left_squareOutlined=require("../../assets/annotation/common/icon_left_squareOutlined.svg.js"),icon_right_squareOutlined=require("../../assets/annotation/common/icon_right_squareOutlined.svg.js"),_2DViewWorker=require("../../_virtual/2DViewWorker.js"),ahooks=require("ahooks");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames);const EKeyCode=lbAnnotation.cKeyCode.default,ContainerTitle=({showEnlarge:e,isEnlargeTopView:g,data:
|
|
1
|
+
"use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloudLayout=require("./PointCloudLayout.js"),PointCloudContext=require("./PointCloudContext.js"),reactRedux=require("react-redux"),lbAnnotation=require("@labelbee/lb-annotation"),ctx=require("../../store/ctx.js"),map=require("../../store/annotation/map.js"),PointCloud2DSingleView=require("./PointCloud2DSingleView.js"),index=require("./components/TitleButton/index.js"),icons=require("@ant-design/icons"),classNames=require("classnames"),icon_esc=require("../../assets/annotation/common/icon_esc.svg.js"),icon_left_squareOutlined=require("../../assets/annotation/common/icon_left_squareOutlined.svg.js"),icon_right_squareOutlined=require("../../assets/annotation/common/icon_right_squareOutlined.svg.js"),_2DViewWorker=require("../../_virtual/2DViewWorker.js"),ahooks=require("ahooks");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames);const EKeyCode=lbAnnotation.cKeyCode.default,ContainerTitle=({showEnlarge:e,isEnlargeTopView:g,data:a,setIsEnlarge:u,setCurIndex:s,curIndex:c=0,index:f,annotations2d:d})=>g?React__default.default.createElement(index,{title:a==null?void 0:a.calName,style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}):e?React__default.default.createElement("div",{style:{display:"flex",alignItems:"center"}},React__default.default.createElement(icons.LeftOutlined,{style:{cursor:"pointer",marginRight:"12px"},onClick:()=>{u(!1),s(void 0)}}),React__default.default.createElement("span",null,a==null?void 0:a.calName),React__default.default.createElement("span",{style:{marginLeft:"8px"}},c+1,"/",d==null?void 0:d.length)):React__default.default.createElement(index,{title:a==null?void 0:a.calName,onClick:()=>{u(!0),s(f)},style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}),PointCloud2DView=({currentData:e,config:g,thumbnailWidth:a,isEnlargeTopView:u,highlightAttribute:s,loadPCDFileLoading:c,checkMode:f,measureVisible:d})=>{var x;const[r,w]=React.useState([]),{topViewInstance:L,displayPointCloudList:y,polygonList:C,imageSizes:h,selectedIDs:k,windowKeydownListenerHook:v}=React.useContext(PointCloudContext.PointCloudContext),[_,F]=React.useState(""),[m,P]=React.useState(!1),[l,p]=React.useState(void 0),E=React.useCallback(t=>{P(t),lbAnnotation.EventBus.emit("2d-image:enlarge",t)},[]),i=React.useRef();React.useEffect(()=>{var t;if(!c&&L&&(e==null?void 0:e.mappingImgList)&&((t=e==null?void 0:e.mappingImgList)==null?void 0:t.length)>0)return i.current&&i.current.terminate(),i.current=new _2DViewWorker,i.current.onmessage=n=>{var o;const N=n.data;w(N),(o=i.current)==null||o.terminate()},i.current.postMessage({currentData:e,displayPointCloudList:y,selectedID:_,highlightAttribute:s,imageSizes:h,config:g,polygonList:C,selectedIDs:k}),()=>{var n;(n=i.current)==null||n.terminate()}},[y,e==null?void 0:e.mappingImgList,_,s,c,C,h,k]);const I=ahooks.useLatest(t=>{if(!m)return;const n=()=>{t.stopImmediatePropagation()};switch(t.keyCode){case EKeyCode.Esc:{E(!1),n();break}case EKeyCode.Left:{b(),n();break}case EKeyCode.Right:{q(),n();break}case EKeyCode.Up:case EKeyCode.Down:case EKeyCode.Q:case EKeyCode.E:case EKeyCode.G:case EKeyCode.F:case EKeyCode.Tab:{n();break}}t.shiftKey&&t.keyCode===EKeyCode.Tab&&n()}),b=()=>{l===void 0||!m||Number(l)>0&&p(l-1)},q=()=>{l===void 0||!m||Number(l)<(r==null?void 0:r.length)-1&&p(l+1)};React.useEffect(()=>{const t=o=>I.current(o);return v.preappendEventListener(t)},[v,v.preappendEventListener]);const j=!e||!(e==null?void 0:e.mappingImgList)||!(((x=e==null?void 0:e.mappingImgList)==null?void 0:x.length)>0),S=React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:"14px"}},React__default.default.createElement("img",{src:icon_left_squareOutlined,style:{height:"24px",marginRight:"8px",cursor:"pointer"},onClick:()=>b()}),React__default.default.createElement("span",{style:{marginRight:"12px"}},"\u952E\u76D8\u5DE6\u952E\u4E0A\u4E00\u5F20"),React__default.default.createElement("span",{style:{margin:"0px 8px 0px 12px"}},"\u952E\u76D8\u53F3\u952E\u4E0A\u4E00\u5F20"),React__default.default.createElement("img",{src:icon_right_squareOutlined,style:{height:"24px",marginRight:"12px",cursor:"pointer"},onClick:()=>q()}),React__default.default.createElement("img",{src:icon_esc,style:{height:"24px",margin:"0px 8px 0px 12px",cursor:"pointer"},onClick:()=>{E(!1),p(void 0)}}),React__default.default.createElement("span",null,"\u952E\u9000\u51FA"));return(r==null?void 0:r.length)>0?React__default.default.createElement(React__default.default.Fragment,null,r.map((t,n)=>{const o=m&&n===l;return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:classNames__default.default({[dom.getClassName("point-cloud-2d-container")]:!0,[dom.getClassName("point-cloud-container","zoom")]:o}),title:React__default.default.createElement(ContainerTitle,{showEnlarge:o,isEnlargeTopView:u,data:t,setIsEnlarge:E,setCurIndex:p,curIndex:l,index:n,annotations2d:r}),titleOnSurface:!o,style:{display:j?"none":"flex",width:o?"100%":a},key:n,toolbar:S},(t==null?void 0:t.annotations)&&(t==null?void 0:t.url)&&React__default.default.createElement(PointCloud2DSingleView,{key:t.url,currentData:e,view2dData:t,setSelectedID:F,showEnlarge:o,checkMode:f,measureVisible:d}))})):null};var PointCloud2DView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DView);module.exports=PointCloud2DView$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getClassName as _}from"../../utils/dom.js";import t,{useState as
|
|
1
|
+
import{getClassName as _}from"../../utils/dom.js";import t,{useState as E,useContext as z,useCallback as D,useRef as $,useEffect as j}from"react";import{PointCloudContainer as q}from"./PointCloudLayout.js";import{PointCloudContext as M}from"./PointCloudContext.js";import{connect as W}from"react-redux";import{cKeyCode as G,EventBus as H}from"@labelbee/lb-annotation";import{LabelBeeContext as Q}from"../../store/ctx.js";import{a2MapStateToProps as U}from"../../store/annotation/map.js";import J from"./PointCloud2DSingleView.js";import S from"./components/TitleButton/index.js";import{LeftOutlined as X}from"@ant-design/icons";import Y from"classnames";import Z from"../../assets/annotation/common/icon_esc.svg.js";import ee from"../../assets/annotation/common/icon_left_squareOutlined.svg.js";import te from"../../assets/annotation/common/icon_right_squareOutlined.svg.js";import ne from"../../_virtual/2DViewWorker.js";import{useLatest as oe}from"ahooks";const i=G.default,ie=({showEnlarge:n,isEnlargeTopView:v,data:l,setIsEnlarge:u,setCurIndex:m,curIndex:p=0,index:x,annotations2d:d})=>v?t.createElement(S,{title:l==null?void 0:l.calName,style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}):n?t.createElement("div",{style:{display:"flex",alignItems:"center"}},t.createElement(X,{style:{cursor:"pointer",marginRight:"12px"},onClick:()=>{u(!1),m(void 0)}}),t.createElement("span",null,l==null?void 0:l.calName),t.createElement("span",{style:{marginLeft:"8px"}},p+1,"/",d==null?void 0:d.length)):t.createElement(S,{title:l==null?void 0:l.calName,onClick:()=>{u(!0),m(x)},style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}),se=({currentData:n,config:v,thumbnailWidth:l,isEnlargeTopView:u,highlightAttribute:m,loadPCDFileLoading:p,checkMode:x,measureVisible:d})=>{var k;const[c,N]=E([]),{topViewInstance:R,displayPointCloudList:h,polygonList:b,imageSizes:w,selectedIDs:F,windowKeydownListenerHook:y}=z(M),[L,T]=E(""),[g,A]=E(!1),[r,f]=E(void 0),C=D(e=>{A(e),H.emit("2d-image:enlarge",e)},[]),a=$();j(()=>{var e;if(!p&&R&&(n==null?void 0:n.mappingImgList)&&((e=n==null?void 0:n.mappingImgList)==null?void 0:e.length)>0)return a.current&&a.current.terminate(),a.current=new ne,a.current.onmessage=o=>{var s;const O=o.data;N(O),(s=a.current)==null||s.terminate()},a.current.postMessage({currentData:n,displayPointCloudList:h,selectedID:L,highlightAttribute:m,imageSizes:w,config:v,polygonList:b,selectedIDs:F}),()=>{var o;(o=a.current)==null||o.terminate()}},[h,n==null?void 0:n.mappingImgList,L,m,p,b,w,F]);const V=oe(e=>{if(!g)return;const o=()=>{e.stopImmediatePropagation()};switch(e.keyCode){case i.Esc:{C(!1),o();break}case i.Left:{I(),o();break}case i.Right:{P(),o();break}case i.Up:case i.Down:case i.Q:case i.E:case i.G:case i.F:case i.Tab:{o();break}}e.shiftKey&&e.keyCode===i.Tab&&o()}),I=()=>{r===void 0||!g||Number(r)>0&&f(r-1)},P=()=>{r===void 0||!g||Number(r)<(c==null?void 0:c.length)-1&&f(r+1)};j(()=>{const e=s=>V.current(s);return y.preappendEventListener(e)},[y,y.preappendEventListener]);const K=!n||!(n==null?void 0:n.mappingImgList)||!(((k=n==null?void 0:n.mappingImgList)==null?void 0:k.length)>0),B=t.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:"14px"}},t.createElement("img",{src:ee,style:{height:"24px",marginRight:"8px",cursor:"pointer"},onClick:()=>I()}),t.createElement("span",{style:{marginRight:"12px"}},"\u952E\u76D8\u5DE6\u952E\u4E0A\u4E00\u5F20"),t.createElement("span",{style:{margin:"0px 8px 0px 12px"}},"\u952E\u76D8\u53F3\u952E\u4E0A\u4E00\u5F20"),t.createElement("img",{src:te,style:{height:"24px",marginRight:"12px",cursor:"pointer"},onClick:()=>P()}),t.createElement("img",{src:Z,style:{height:"24px",margin:"0px 8px 0px 12px",cursor:"pointer"},onClick:()=>{C(!1),f(void 0)}}),t.createElement("span",null,"\u952E\u9000\u51FA"));return(c==null?void 0:c.length)>0?t.createElement(t.Fragment,null,c.map((e,o)=>{const s=g&&o===r;return t.createElement(q,{className:Y({[_("point-cloud-2d-container")]:!0,[_("point-cloud-container","zoom")]:s}),title:t.createElement(ie,{showEnlarge:s,isEnlargeTopView:u,data:e,setIsEnlarge:C,setCurIndex:f,curIndex:r,index:o,annotations2d:c}),titleOnSurface:!s,style:{display:K?"none":"flex",width:s?"100%":l},key:o,toolbar:B},(e==null?void 0:e.annotations)&&(e==null?void 0:e.url)&&t.createElement(J,{key:e.url,currentData:n,view2dData:e,setSelectedID:T,showEnlarge:s,checkMode:x,measureVisible:d}))})):null};var le=W(U,null,null,{context:Q})(se);export{le as default};
|