@labelbee/lb-components 1.14.0-alpha.6 → 1.14.0-alpha.8
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.
- package/dist/components/attributeList/components/limitPopover/index.js +1 -1
- package/dist/components/attributeList/index.js +1 -1
- package/dist/components/pointCloudView/PointCloud2DSingleView.js +1 -1
- package/dist/components/pointCloudView/PointCloud2DView.js +1 -1
- package/dist/components/pointCloudView/components/HighlightVisible/index.js +1 -1
- package/dist/components/pointCloudView/index.js +1 -1
- package/dist/index.css +2 -2
- package/dist/types/components/pointCloudView/PointCloud2DSingleView.d.ts +2 -1
- package/dist/types/components/pointCloudView/PointCloud2DView.d.ts +1 -1
- package/dist/views/MainView/sidebar/index.js +1 -1
- package/es/components/attributeList/components/limitPopover/index.js +1 -1
- package/es/components/attributeList/index.js +1 -1
- package/es/components/pointCloudView/PointCloud2DSingleView.js +1 -1
- package/es/components/pointCloudView/PointCloud2DView.js +1 -1
- package/es/components/pointCloudView/components/HighlightVisible/index.js +1 -1
- package/es/components/pointCloudView/index.js +1 -1
- package/es/index.css +2 -2
- package/es/views/MainView/sidebar/index.js +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var React=require("react"),antd=require("antd"),icon_defaultSize=require("../../../../assets/toolStyle/icon_defaultSize.svg.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LimitPopover=({limit:e,updateSize:
|
|
1
|
+
"use strict";var React=require("react"),antd=require("antd"),icon_defaultSize=require("../../../../assets/toolStyle/icon_defaultSize.svg.js"),reactI18next=require("react-i18next");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const LimitPopover=({limit:e,updateSize:i})=>{var o,r,d,c;const{t}=reactI18next.useTranslation(),s={and:t("And"),or:t("Or")},n=(o=e==null?void 0:e.sizeLimit)==null?void 0:o.defaultSize,a=(r=e==null?void 0:e.sizeLimit)==null?void 0:r.sizeRange,u=((d=e==null?void 0:e.sizeLimit)==null?void 0:d.logicalCondition)||[],m=e==null?void 0:e.positionLimit,{heightDefault:h,depthDefault:p,widthDefault:v}=n||{},{heightMax:$,heightMin:E,depthMax:x,depthMin:L,widthMax:M,widthMin:z}=a||{},{XMin:_,XMax:R,YMin:y,YMax:S,ZMin:T,ZMax:w}=m||{},D=u.length>0||a,f=l=>{switch(l){case"width":return t("Length");case"height":return t("Width");case"depth":return t("Height")}return""};return React__default.default.createElement(antd.Tooltip,{color:"rgba(0, 0, 0, 0.75)",title:React__default.default.createElement("div",{style:{padding:"8px"}},n&&React__default.default.createElement("div",{style:{marginBottom:"24px"}},React__default.default.createElement("div",null,"\u3010",t("DefaultSize"),"\u3011"),React__default.default.createElement("span",null,`${t("Length")}: ${v}m\u3001`),React__default.default.createElement("span",null,`${t("Width")}: ${h}m\u3001`),React__default.default.createElement("span",null,`${t("Height")}: ${p}m`)),D&&React__default.default.createElement("div",{style:{marginBottom:"24px"}},React__default.default.createElement("div",null,"*",t("NormalSizeRange")),a&&React__default.default.createElement("span",null,"(",React__default.default.createElement("span",null,`${t("Length")}: ${z}~${M}m\u3001`),React__default.default.createElement("span",null,`${t("Width")}: ${E}~${$}m\u3001`),React__default.default.createElement("span",null,`${t("Height")}: ${L}~${x}m`),")"),u.length>0&&React__default.default.createElement(React__default.default.Fragment,null,a?` ${s[(c=u[0])==null?void 0:c.logical]} `:null,React__default.default.createElement("span",null,"(",u.map((l,g)=>{const C=f(l==null?void 0:l.dimensionLeft),b=f(l==null?void 0:l.dimensionRight);return React__default.default.createElement("span",{key:g},g!==0?` ${s[l==null?void 0:l.logical]} `:null,`${C} ${l==null?void 0:l.condition} ${b} `)}),")"))),m&&React__default.default.createElement("div",null,React__default.default.createElement("div",null,"*",t("NormalCenterPointRange")),React__default.default.createElement("span",null,`X: ${_}~${R}\u3001`),React__default.default.createElement("span",null,`Y: ${y}~${S}\u3001`),React__default.default.createElement("span",null,`Z: ${T}~${w}`))),placement:"bottomRight"},React__default.default.createElement("img",{src:icon_defaultSize,style:{margin:"0px 8px"},onClick:l=>{l.preventDefault(),n&&(i==null||i(n))}}))};module.exports=LimitPopover;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Style=require("../../data/Style.js"),index$1=require("../colorTag/index.js"),es=require("antd/es"),React=require("react"),antd=require("antd"),index=require("../colorPalette/index.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),index$2=require("./components/limitPopover/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Style=require("../../data/Style.js"),index$1=require("../colorTag/index.js"),es=require("antd/es"),React=require("react"),antd=require("antd"),index=require("../colorPalette/index.js"),icons=require("@ant-design/icons"),reactI18next=require("react-i18next"),index$2=require("./components/limitPopover/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const ATTRIBUTE_COLORS=[Style.NULL_COLOR].concat(Style.COLORS_ARRAY),AttributeList=React__default.default.forwardRef((e,v)=>{const m=React__default.default.useRef(),{t:C}=reactI18next.useTranslation(),b=e.list||[],[g,o]=React.useState(!1),[R,E]=React.useState(void 0);let i=[...ATTRIBUTE_COLORS];e.forbidDefault===!0&&(i=i.slice(1));let r="sensebee-radio-group";e.noHeightLimit&&(r="sensebee-radio-group-no-limit-height");const L=(t,l)=>{e.updateColorConfig&&e.updateColorConfig(t,l)};return React__default.default.createElement("div",{className:r,style:e.style},React__default.default.createElement(es.Radio.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,onChange:t=>e.attributeChanged(t.target.value),ref:v},b.map((t,l)=>{var d,c,s;let a=(d=e==null?void 0:e.num)!=null?d:l;const O=(t==null?void 0:t.value)===(e==null?void 0:e.selectedAttribute);e.forbidDefault===!0&&typeof a=="number"&&a++,typeof a=="number"&&a<=9&&a>=0||(a="-");let u=l>8&&!e.forbidDefault?Style.COLORS_ARRAY[(l-1)%Style.COLORS_ARRAY.length]:i[l%i.length];(t==null?void 0:t.color)&&(u=t.color);const{defaultSize:_,logicalCondition:f,sizeRange:h}=((c=t==null?void 0:t.limit)==null?void 0:c.sizeLimit)||{},y=((s=t==null?void 0:t.limit)==null?void 0:s.positionLimit)||_||h||(f==null?void 0:f.length)>0,A=O&&y;return React__default.default.createElement(es.Radio,{value:t.value,ref:m,key:t.label+l},React__default.default.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&React__default.default.createElement(antd.Popover,{content:React__default.default.createElement(index,{defaultColor:u,setColor:n=>L(t.value,n)}),title:React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,C("Palette")),React__default.default.createElement(icons.CloseOutlined,{onClick:()=>o(!1)})),visible:g&&R===l,onVisibleChange:n=>{!n||o(n)}},React__default.default.createElement(index$1.ColorTag,{color:u,style:{cursor:"pointer",marginRight:"8px"},onClick:()=>{(e==null?void 0:e.enableColorPicker)&&(E(l),o(!0))}})),t.label),A&&React__default.default.createElement(index$2,{limit:t.limit,updateSize:e==null?void 0:e.updateSize}),React__default.default.createElement("span",{className:"sensebee-radio-num"},a))})))});exports.ATTRIBUTE_COLORS=ATTRIBUTE_COLORS,exports.default=AttributeList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var dom=require("../../utils/dom.js"),React=require("react"),index=require("../AnnotationView/index.js"),useSize=require("../../hooks/useSize.js"),useSingleBox=require("./hooks/useSingleBox.js"),useHighlight=require("./hooks/useHighlight.js"),index$1=require("./components/HighlightVisible/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__async=(e,
|
|
1
|
+
"use strict";var dom=require("../../utils/dom.js"),React=require("react"),index=require("../AnnotationView/index.js"),useSize=require("../../hooks/useSize.js"),useSingleBox=require("./hooks/useSingleBox.js"),useHighlight=require("./hooks/useHighlight.js"),index$1=require("./components/HighlightVisible/index.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__async=(e,u,i)=>new Promise((c,l)=>{var r=n=>{try{t(i.next(n))}catch(o){l(o)}},s=n=>{try{t(i.throw(n))}catch(o){l(o)}},t=n=>n.done?c(n.value):Promise.resolve(n.value).then(r,s);t((i=i.apply(e,u)).next())});const PointCloud2DSingleView=({view2dData:e,setSelectedID:u,currentData:i,showEnlarge:c})=>{var l;const r=React.useRef(null),s=React.useRef(),{selectedBox:t}=useSingleBox.useSingleBox(),n=useSize(r),{url:o,calib:p}=e,{toggle2dVisible:x,isHighlightVisible:b}=useHighlight.useHighlight({currentData:i}),[y,g]=React.useState(!1),S=!e,_=f=>{d()},d=React.useCallback(()=>{var f,h;const v=(f=s.current)==null?void 0:f.toolInstance;if(u(""),!t||!v)return;const a=e.annotations.find(k=>k.annotation.id===t.info.id);let m="";a&&((h=a==null?void 0:a.annotation.pointList)==null?void 0:h.length)>0&&(v.focusPositionByPointList(a==null?void 0:a.annotation.pointList),m=t.info.id,u(m))},[t,s.current,e.annotations]);React.useEffect(()=>{d()},[d]);const j=()=>__async(void 0,null,function*(){g(!0),yield x(o,p),g(!1)});return React__default.default.createElement("div",{className:dom.getClassName("point-cloud-2d-image"),ref:r},React__default.default.createElement(index,{src:(l=e==null?void 0:e.url)!=null?l:"",annotations:e.annotations,size:n,ref:s,globalStyle:{display:S?"none":"block"},afterImgOnLoad:_,zoomInfo:{min:.01,max:1e3,ratio:.4}}),React__default.default.createElement(index$1,{visible:b(o),onClick:j,loading:y,style:{position:"absolute",right:16,top:16,zIndex:c?-1:101}}))};module.exports=PointCloud2DSingleView;
|
|
@@ -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"),lbUtils=require("@labelbee/lb-utils"),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");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(e,n,t)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,__spreadValues=(e,n)=>{for(var t in n||(n={}))__hasOwnProp.call(n,t)&&__defNormalProp(e,t,n[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(n))__propIsEnum.call(n,t)&&__defNormalProp(e,t,n[t]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const EKeyCode=lbAnnotation.cKeyCode.default,ContainerTitle=({showEnlarge:e,isEnlargeTopView:n,data:t,setIsEnlarge:f,setCurIndex:u,curIndex:p=0,index:
|
|
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"),lbUtils=require("@labelbee/lb-utils"),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");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}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=(e,n,t)=>n in e?__defProp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,__spreadValues=(e,n)=>{for(var t in n||(n={}))__hasOwnProp.call(n,t)&&__defNormalProp(e,t,n[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(n))__propIsEnum.call(n,t)&&__defNormalProp(e,t,n[t]);return e},__spreadProps=(e,n)=>__defProps(e,__getOwnPropDescs(n));const EKeyCode=lbAnnotation.cKeyCode.default,ContainerTitle=({showEnlarge:e,isEnlargeTopView:n,data:t,setIsEnlarge:f,setCurIndex:u,curIndex:p=0,index:v,annotations2d:i})=>n?React__default.default.createElement(index,{title:t==null?void 0:t.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:()=>{f(!1),u(void 0)}}),React__default.default.createElement("span",null,t==null?void 0:t.calName),React__default.default.createElement("span",{style:{marginLeft:"8px"}},p+1,"/",i==null?void 0:i.length)):React__default.default.createElement(index,{title:t==null?void 0:t.calName,onClick:()=>{f(!0),u(v)},style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}),PointCloud2DView=({currentData:e,config:n,thumbnailWidth:t,isEnlargeTopView:f,highlightAttribute:u,loadPCDFileLoading:p})=>{var v;const[i,q]=React.useState([]),{topViewInstance:O,displayPointCloudList:b}=React.useContext(PointCloudContext.PointCloudContext),[y,F]=React.useState(""),[m,E]=React.useState(!1),[a,g]=React.useState(void 0);React.useEffect(()=>{var l;if(!p&&O&&(e==null?void 0:e.mappingImgList)&&((l=e==null?void 0:e.mappingImgList)==null?void 0:l.length)>0){const o={fill:"transparent",color:"green"};let r=[];e==null||e.mappingImgList.forEach(s=>{var c;const S=b.reduce((N,d)=>{var C;const R=d.id===y||u===d.attribute,{transferViewData:V,viewRangePointList:_}=lbAnnotation.pointCloudLidar2image(d,s.calib,{createRange:R}),h=(C=lbUtils.toolStyleConverter.getColorFromConfig({attribute:d.attribute},__spreadProps(__spreadValues({},n),{attributeConfigurable:!0}),{}))==null?void 0:C.stroke,A=j({viewDataPointList:V,pointCloudBox:d,defaultViewStyle:o,stroke:h}),L=[...N,...A];return(_==null?void 0:_.length)>0&&L.push({type:"polygon",annotation:__spreadProps(__spreadValues({id:y,pointList:_},o),{stroke:h,fill:"rgba(255, 255, 255, 0.6)"})}),L},[]);r.push({annotations:S,url:s==null?void 0:s.url,calName:(c=s.calib)==null?void 0:c.calName,calib:s==null?void 0:s.calib})}),q(r)}},[b,e==null?void 0:e.mappingImgList,y,u,p]),React.useEffect(()=>(window.addEventListener("keydown",w),()=>{window.removeEventListener("keydown",w)}),[a]);const w=l=>{const{keyCode:o}=l;switch(o){case EKeyCode.Esc:m&&E(!1);break;case EKeyCode.Left:x();break;case EKeyCode.Right:P();break}},x=()=>{a===void 0||!m||Number(a)>0&&g(a-1)},P=()=>{a===void 0||!m||Number(a)<(i==null?void 0:i.length)-1&&g(a+1)},j=({viewDataPointList:l,pointCloudBox:o,defaultViewStyle:r,stroke:s})=>l.map(c=>({type:c.type,annotation:__spreadProps(__spreadValues({id:o.id,pointList:c.pointList},r),{stroke:s})})),k=!e||!(e==null?void 0:e.mappingImgList)||!(((v=e==null?void 0:e.mappingImgList)==null?void 0:v.length)>0),I=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:()=>x()}),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:()=>P()}),React__default.default.createElement("img",{src:icon_esc,style:{height:"24px",margin:"0px 8px 0px 12px",cursor:"pointer"},onClick:()=>{E(!1),g(void 0)}}),React__default.default.createElement("span",null,"\u952E\u9000\u51FA"));return(i==null?void 0:i.length)>0?React__default.default.createElement(React__default.default.Fragment,null,i.map((l,o)=>{const r=m&&o===a;return React__default.default.createElement(PointCloudLayout.PointCloudContainer,{className:classNames__default.default({[dom.getClassName("point-cloud-2d-container")]:!0,[dom.getClassName("point-cloud-container","zoom")]:r}),title:React__default.default.createElement(ContainerTitle,{showEnlarge:r,isEnlargeTopView:f,data:l,setIsEnlarge:E,setCurIndex:g,curIndex:a,index:o,annotations2d:i}),titleOnSurface:!r,style:{display:k?"none":"flex",width:r?"100%":t},key:o,toolbar:I},(l==null?void 0:l.annotations)&&(l==null?void 0:l.url)&&React__default.default.createElement(PointCloud2DSingleView,{currentData:e,view2dData:l,setSelectedID:F,showEnlarge:r}))})):null};var PointCloud2DView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloud2DView);module.exports=PointCloud2DView$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var React=require("react"),icons=require("@ant-design/icons"),dom=require("../../../../utils/dom.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,r,t)=>r in e?__defProp(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,__spreadValues=(e,r)=>{for(var t in r||(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(e,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(e,t,r[t]);return e};const HighlightVisible=({visible:e,style:r,onClick:t,loading:a})=>{const i={background:"rgba(0, 0, 0, 0.74)",color:"white",borderRadius:2,padding:6,fontSize:16
|
|
1
|
+
"use strict";var React=require("react"),icons=require("@ant-design/icons"),dom=require("../../../../utils/dom.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,r,t)=>r in e?__defProp(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,__spreadValues=(e,r)=>{for(var t in r||(r={}))__hasOwnProp.call(r,t)&&__defNormalProp(e,t,r[t]);if(__getOwnPropSymbols)for(var t of __getOwnPropSymbols(r))__propIsEnum.call(r,t)&&__defNormalProp(e,t,r[t]);return e};const HighlightVisible=({visible:e,style:r,onClick:t,loading:a})=>{const i={background:"rgba(0, 0, 0, 0.74)",color:"white",borderRadius:2,padding:6,fontSize:16};let o=e?icons.EyeFilled:icons.EyeInvisibleFilled;return a&&(o=icons.LoadingOutlined,Object.assign(i,{borderRadius:100})),React__default.default.createElement(o,{className:dom.getClassName("point-cloud-highlight-view"),style:__spreadValues(__spreadValues({},i),r),onClick:a?()=>{}:t})};module.exports=HighlightVisible;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloud3DView=require("./PointCloud3DView.js"),PointCloudBackView=require("./PointCloudBackView.js"),PointCloudTopView=require("./PointCloudTopView.js"),PointCloudSideView=require("./PointCloudSideView.js"),PointCloud2DView=require("./PointCloud2DView.js"),PointCloudListener=require("./PointCloudListener.js"),PointCloudSegmentListener=require("./PointCloudSegmentListener.js"),PointCloudSegment=require("./PointCloudSegment.js"),PointCloudSegmentStatus=require("./PointCloudSegmentStatus.js"),PointCloudSegmentToolbar=require("./PointCloudSegmentToolbar.js"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),index$1=require("../../views/MainView/toolFooter/AnnotatedAttributes/index.js"),PointCloudContext=require("./PointCloudContext.js"),lbUtils=require("@labelbee/lb-utils"),annotation=require("../../hooks/annotation.js"),index=require("../../utils/index.js"),map=require("../../store/annotation/map.js"),classNames=require("classnames"),index$2=require("./components/sideAndBackOverView/index.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames);const PointCloudView=({currentData:t,imgList:
|
|
1
|
+
"use strict";var dom=require("../../utils/dom.js"),React=require("react"),PointCloud3DView=require("./PointCloud3DView.js"),PointCloudBackView=require("./PointCloudBackView.js"),PointCloudTopView=require("./PointCloudTopView.js"),PointCloudSideView=require("./PointCloudSideView.js"),PointCloud2DView=require("./PointCloud2DView.js"),PointCloudListener=require("./PointCloudListener.js"),PointCloudSegmentListener=require("./PointCloudSegmentListener.js"),PointCloudSegment=require("./PointCloudSegment.js"),PointCloudSegmentStatus=require("./PointCloudSegmentStatus.js"),PointCloudSegmentToolbar=require("./PointCloudSegmentToolbar.js"),reactRedux=require("react-redux"),ctx=require("../../store/ctx.js"),index$1=require("../../views/MainView/toolFooter/AnnotatedAttributes/index.js"),PointCloudContext=require("./PointCloudContext.js"),lbUtils=require("@labelbee/lb-utils"),annotation=require("../../hooks/annotation.js"),index=require("../../utils/index.js"),map=require("../../store/annotation/map.js"),classNames=require("classnames"),index$2=require("./components/sideAndBackOverView/index.js"),actionCreators=require("../../store/annotation/actionCreators.js");function _interopDefaultLegacy(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),classNames__default=_interopDefaultLegacy(classNames);const PointCloudView=({currentData:t,imgList:f,drawLayerSlot:u,checkMode:a,intelligentFit:P,imgIndex:g,loadPCDFileLoading:j})=>{const e=React.useContext(PointCloudContext.PointCloudContext),{globalPattern:d,setGlobalPattern:v,selectedIDs:c}=e,p=ctx.useDispatch(),[l,m]=React.useState(!1),E=(c==null?void 0:c.length)>0&&l,x=index.jsonParser(t.result),{toolInstanceRef:o,clearToolInstance:L}=annotation.useCustomToolInstance({basicInfo:x});if(React.useEffect(()=>{o.current.setPointCloudGlobalPattern=n=>{n!==d&&(v(n),e.clearAllDetectionInstance(),L())}},[d]),React.useEffect(()=>{var n;if(actionCreators.SetLoadPCDFileLoading(p,!0),t){const{boxParamsList:i,polygonList:r,lineList:s,sphereParamsList:q,segmentation:b}=lbUtils.PointCloudUtils.parsePointCloudCurrentResult((n=t==null?void 0:t.result)!=null?n:"");e.setPointCloudResult(i),e.setPolygonList(r),e.setLineList(s),e.setPointCloudSphereList(q),e.setSegmentation(b)}},[g]),React.useEffect(()=>{o.current.exportData=()=>[e.pointCloudBoxList,{valid:e.valid}],o.current.exportCustomData=()=>{var n,i,r,s;return{resultPolygon:(n=e.polygonList)!=null?n:[],resultLine:(i=e.lineList)!=null?i:[],resultPoint:(r=e.pointCloudSphereList)!=null?r:[],segmentation:(s=e.segmentation)!=null?s:[]}}},[e.pointCloudBoxList,e.valid,e.polygonList,e.lineList,e.pointCloudSphereList,e.ptSegmentInstance,e.segmentation]),f.length===0)return null;if(d===lbUtils.EPointCloudPattern.Segmentation)return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(PointCloudSegmentListener,{checkMode:a,toolInstanceRef:o}),React__default.default.createElement(PointCloudSegmentToolbar,null),React__default.default.createElement(PointCloudSegment,{checkMode:a}),React__default.default.createElement(PointCloudSegmentStatus,null),u==null?void 0:u({direct:!0}));let C=React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","left-bottom")},React__default.default.createElement(PointCloudBackView,{checkMode:a}),React__default.default.createElement(PointCloudSideView,{checkMode:a}));return l&&(C=React__default.default.createElement(index$2,{selectAndEnlarge:E,checkMode:a})),React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(PointCloudListener,{checkMode:a,toolInstanceRef:o}),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-layout"),onContextMenu:n=>n.preventDefault()},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-wrapper")},React__default.default.createElement(index$1.AnnotatedAttributesPanelFixedLeft,null),React__default.default.createElement("div",{className:dom.getClassName("point-cloud-content")},React__default.default.createElement("div",{className:dom.getClassName("point-cloud-container","left")},React__default.default.createElement(PointCloud3DView,null),C),React__default.default.createElement("div",{className:classNames__default.default({[dom.getClassName("point-cloud-container","right")]:!0,[dom.getClassName("point-cloud-container","rightZoom")]:l})},React__default.default.createElement(PointCloudTopView,{drawLayerSlot:u,checkMode:a,intelligentFit:P,setIsEnlargeTopView:m,onExitZoom:()=>{m(!1)},isEnlargeTopView:l}),React__default.default.createElement("div",{className:classNames__default.default({[dom.getClassName("point-cloud-container","right-bottom")]:!l,[dom.getClassName("point-cloud-container","right-bottom-floatLeft")]:l})},React__default.default.createElement(PointCloud2DView,{isEnlargeTopView:l,thumbnailWidth:l?300:455})))),React__default.default.createElement(index$1.AnnotatedAttributesPanelFixedRight,null))))};var PointCloudView$1=reactRedux.connect(map.a2MapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudView);module.exports=PointCloudView$1;
|
package/dist/index.css
CHANGED
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
border-color: #666fff;
|
|
237
237
|
}
|
|
238
238
|
.bee-sidebar__level {
|
|
239
|
-
padding:
|
|
239
|
+
padding: 20px 8px;
|
|
240
240
|
border-bottom: 1px solid #eee;
|
|
241
241
|
display: flex;
|
|
242
242
|
justify-content: center;
|
|
@@ -1546,7 +1546,7 @@
|
|
|
1546
1546
|
height: 100%;
|
|
1547
1547
|
}
|
|
1548
1548
|
.bee-point-cloud-wrapper .bee-point-cloud-container__rightZoom {
|
|
1549
|
-
position:
|
|
1549
|
+
position: absolute;
|
|
1550
1550
|
top: 0px;
|
|
1551
1551
|
left: 0px;
|
|
1552
1552
|
width: 100%;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IAnnotationData2dView } from './PointCloud2DView';
|
|
3
3
|
import { IFileItem } from '@/types/data';
|
|
4
|
-
declare const PointCloud2DSingleView: ({ view2dData, setSelectedID, currentData, }: {
|
|
4
|
+
declare const PointCloud2DSingleView: ({ view2dData, setSelectedID, currentData, showEnlarge, }: {
|
|
5
5
|
view2dData: IAnnotationData2dView;
|
|
6
6
|
setSelectedID: (value: string | number) => void;
|
|
7
7
|
currentData: IFileItem;
|
|
8
|
+
showEnlarge: boolean;
|
|
8
9
|
}) => React.JSX.Element;
|
|
9
10
|
export default PointCloud2DSingleView;
|
|
@@ -21,5 +21,5 @@ interface IProps extends IA2MapStateProps {
|
|
|
21
21
|
thumbnailWidth?: number;
|
|
22
22
|
isEnlargeTopView?: boolean;
|
|
23
23
|
}
|
|
24
|
-
declare const _default: import("react-redux").ConnectedComponent<({ currentData, config, thumbnailWidth, isEnlargeTopView, highlightAttribute, }: IProps) => React.JSX.Element | null, import("react-redux").Omit<IProps, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
|
|
24
|
+
declare const _default: import("react-redux").ConnectedComponent<({ currentData, config, thumbnailWidth, isEnlargeTopView, highlightAttribute, loadPCDFileLoading, }: IProps) => React.JSX.Element | null, import("react-redux").Omit<IProps, "imgIndex" | "imgList" | "config" | "highlightAttribute" | "loadPCDFileLoading" | "currentData" | "stepInfo" | "configString">>;
|
|
25
25
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index=require("../../../constant/index.js"),ToolType=require("../../../data/enums/ToolType.js"),StepUtils=require("../../../utils/StepUtils.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),index$9=require("./AnnotationText/index.js"),index$2=require("./ClearIcon/index.js"),index$7=require("./GeneralOperation/index.js"),index$3=require("./ImgAttributeInfo/index.js"),index$8=require("./SwitchAttributeList/index.js"),index$1=require("./TagSidebar/index.js"),index$4=require("./TextToolSidebar/index.js"),index$6=require("./PointCloudToolSidebar/index.js"),index$b=require("./ToolStyle/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$a=require("./ScribbleSidebar/index.js"),ToolIcons=require("./ToolIcons.js"),ctx=require("../../../store/ctx.js"),antd=require("antd"),index$5=require("../../../utils/index.js"),icon_menu_fold=require("../../../assets/annotation/common/icon_menu_fold.svg.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName,EPointCloudName}=lbAnnotation.cTool,{Panel}=es.Collapse,sidebarCls=`${index.prefix}-sidebar`,Sidebar=({sider:e,enableColorPicker:E,setSiderWidth:u,propsSiderWidth:$})=>{const d=ctx.useSelector(a=>StepUtils.getCurrentStepInfo(a.annotation.step,a.annotation.stepList)),[r,v]=React.useState(!0),t=d==null?void 0:d.tool,{t:c}=reactI18next.useTranslation();if(!t)return null;const b=a=>{const l=React__default.default.createElement(index$b,null);return React__default.default.createElement(Panel,{header:c("Style"),className:"panel",key:a},l)},s=React__default.default.createElement(ToolIcons.ToolIcons,{toolName:t,onChange:()=>{}}),o=React__default.default.createElement(index$8,null),f=React__default.default.createElement(index$9,null),m=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},b("1")),x=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",null,c("Adjust"),React__default.default.createElement(index$2,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$3,null))),n=React__default.default.createElement(index$7.default,null),T=React__default.default.createElement(index$1.default,null),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var index=require("../../../constant/index.js"),ToolType=require("../../../data/enums/ToolType.js"),StepUtils=require("../../../utils/StepUtils.js"),es=require("antd/es"),React=require("react"),reactI18next=require("react-i18next"),index$9=require("./AnnotationText/index.js"),index$2=require("./ClearIcon/index.js"),index$7=require("./GeneralOperation/index.js"),index$3=require("./ImgAttributeInfo/index.js"),index$8=require("./SwitchAttributeList/index.js"),index$1=require("./TagSidebar/index.js"),index$4=require("./TextToolSidebar/index.js"),index$6=require("./PointCloudToolSidebar/index.js"),index$b=require("./ToolStyle/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$a=require("./ScribbleSidebar/index.js"),ToolIcons=require("./ToolIcons.js"),ctx=require("../../../store/ctx.js"),antd=require("antd"),index$5=require("../../../utils/index.js"),icon_menu_fold=require("../../../assets/annotation/common/icon_menu_fold.svg.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);const{EVideoToolName,EPointCloudName}=lbAnnotation.cTool,{Panel}=es.Collapse,sidebarCls=`${index.prefix}-sidebar`,Sidebar=({sider:e,enableColorPicker:E,setSiderWidth:u,propsSiderWidth:$})=>{const d=ctx.useSelector(a=>StepUtils.getCurrentStepInfo(a.annotation.step,a.annotation.stepList)),[r,v]=React.useState(!0),t=d==null?void 0:d.tool,{t:c}=reactI18next.useTranslation();if(!t)return null;const b=a=>{const l=React__default.default.createElement(index$b,null);return React__default.default.createElement(Panel,{header:c("Style"),className:"panel",key:a},l)},s=React__default.default.createElement(ToolIcons.ToolIcons,{toolName:t,onChange:()=>{}}),o=React__default.default.createElement(index$8,null),f=React__default.default.createElement(index$9,null),m=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},b("1")),x=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},React__default.default.createElement(Panel,{header:React__default.default.createElement("div",null,c("Adjust"),React__default.default.createElement(index$2,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$3,null))),n=React__default.default.createElement(index$7.default,null),T=React__default.default.createElement(index$1.default,null),g=React__default.default.createElement(index$4.default,null),p=React__default.default.createElement(index$a,{onChange:(a,l)=>{}}),i=React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`}),N=React__default.default.createElement(index$6.default,{enableColorPicker:E}),S=React__default.default.createElement(index$7.PointCloudOperation,null);if(e)return typeof e=="function"?React__default.default.createElement("div",{className:`${sidebarCls}`},e({toolIcon:s,attributeList:o,annotationText:f,toolStyle:m,imageAttributeInfo:x,operation:n,tagToolSideBar:T,textToolSideBar:g,horizontal:i,pointCloudToolSidebar:N,pointCloudOperation:S,scribbleSidebar:p})):e;if([ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon,ToolType.EToolName.Cuboid].includes(t))return React__default.default.createElement("div",{className:`${sidebarCls}`},s,i,o,f,i,React__default.default.createElement("div",{className:`${sidebarCls}__content`},m,x),n);if(t===ToolType.EToolName.Tag)return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$1.default,null));if(t===EVideoToolName.VideoTagTool)return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$1.default,null)),n);if(t===ToolType.EToolName.Text)return React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$4.default,null));if(t===EPointCloudName.PointCloud){const a=()=>{v(!r),u&&u(r?48:void 0)},l=React__default.default.createElement("div",{style:{width:"48px",height:"100%",display:"flex",justifyContent:"center",background:"#ffffff"}},React__default.default.createElement("span",{onClick:()=>a()},React__default.default.createElement("img",{style:{width:"16px",height:"16px",marginTop:"18px",cursor:"pointer",transform:"rotate(180deg)"},src:icon_menu_fold})));return r?React__default.default.createElement(antd.Tabs,{type:"card",activeKey:"1",className:index$5.classnames({[`${sidebarCls}`]:!0,[`${sidebarCls}__pointCloud`]:!0}),tabBarExtraContent:{left:React__default.default.createElement("span",{onClick:()=>a(),style:{padding:"0px 4px"}},React__default.default.createElement("img",{style:{width:"16px",height:"16px",marginLeft:"4px",cursor:"pointer"},src:icon_menu_fold}))}},React__default.default.createElement(antd.Tabs.TabPane,{tab:"\u5DE5\u5177\u9762\u677F",key:"1",style:{height:"100%",display:"flex",flexDirection:"column"}},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$6.default,null)),React__default.default.createElement(index$7.PointCloudOperation,null))):l}return t===ToolType.EToolName.ScribbleTool?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},p,o),n):null};exports.default=Sidebar,exports.sidebarCls=sidebarCls;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{Tooltip as
|
|
1
|
+
import e from"react";import{Tooltip as B}from"antd";import H from"../../../../assets/toolStyle/icon_defaultSize.svg.js";import{useTranslation as N}from"react-i18next";const W=({limit:l,updateSize:r})=>{var c,u,s,m;const{t}=N(),d={and:t("And"),or:t("Or")},a=(c=l==null?void 0:l.sizeLimit)==null?void 0:c.defaultSize,i=(u=l==null?void 0:l.sizeLimit)==null?void 0:u.sizeRange,o=((s=l==null?void 0:l.sizeLimit)==null?void 0:s.logicalCondition)||[],g=l==null?void 0:l.positionLimit,{heightDefault:$,depthDefault:v,widthDefault:E}=a||{},{heightMax:f,heightMin:x,depthMax:L,depthMin:M,widthMax:z,widthMin:R}=i||{},{XMin:T,XMax:w,YMin:y,YMax:S,ZMin:_,ZMax:C}=g||{},D=o.length>0||i,p=n=>{switch(n){case"width":return t("Length");case"height":return t("Width");case"depth":return t("Height")}return""};return e.createElement(B,{color:"rgba(0, 0, 0, 0.75)",title:e.createElement("div",{style:{padding:"8px"}},a&&e.createElement("div",{style:{marginBottom:"24px"}},e.createElement("div",null,"\u3010",t("DefaultSize"),"\u3011"),e.createElement("span",null,`${t("Length")}: ${E}m\u3001`),e.createElement("span",null,`${t("Width")}: ${$}m\u3001`),e.createElement("span",null,`${t("Height")}: ${v}m`)),D&&e.createElement("div",{style:{marginBottom:"24px"}},e.createElement("div",null,"*",t("NormalSizeRange")),i&&e.createElement("span",null,"(",e.createElement("span",null,`${t("Length")}: ${R}~${z}m\u3001`),e.createElement("span",null,`${t("Width")}: ${x}~${f}m\u3001`),e.createElement("span",null,`${t("Height")}: ${M}~${L}m`),")"),o.length>0&&e.createElement(e.Fragment,null,i?` ${d[(m=o[0])==null?void 0:m.logical]} `:null,e.createElement("span",null,"(",o.map((n,h)=>{const X=p(n==null?void 0:n.dimensionLeft),b=p(n==null?void 0:n.dimensionRight);return e.createElement("span",{key:h},h!==0?` ${d[n==null?void 0:n.logical]} `:null,`${X} ${n==null?void 0:n.condition} ${b} `)}),")"))),g&&e.createElement("div",null,e.createElement("div",null,"*",t("NormalCenterPointRange")),e.createElement("span",null,`X: ${T}~${w}\u3001`),e.createElement("span",null,`Y: ${y}~${S}\u3001`),e.createElement("span",null,`Z: ${_}~${C}`))),placement:"bottomRight"},e.createElement("img",{src:H,style:{margin:"0px 8px"},onClick:n=>{n.preventDefault(),a&&(r==null||r(a))}}))};export{W as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{COLORS_ARRAY as m,NULL_COLOR as
|
|
1
|
+
import{COLORS_ARRAY as m,NULL_COLOR as I}from"../../data/Style.js";import{ColorTag as N}from"../colorTag/index.js";import{Radio as b}from"antd/es";import l,{useState as g}from"react";import{Popover as k}from"antd";import V from"../colorPalette/index.js";import{CloseOutlined as w}from"@ant-design/icons";import{useTranslation as x}from"react-i18next";import D from"./components/limitPopover/index.js";const C=[I].concat(m),U=l.forwardRef((e,E)=>{const h=l.useRef(),{t:R}=x(),L=e.list||[],[y,r]=g(!1),[O,P]=g(void 0);let n=[...C];e.forbidDefault===!0&&(n=n.slice(1));let c="sensebee-radio-group";e.noHeightLimit&&(c="sensebee-radio-group-no-limit-height");const T=(t,o)=>{e.updateColorConfig&&e.updateColorConfig(t,o)};return l.createElement("div",{className:c,style:e.style},l.createElement(b.Group,{name:"radiogroup",defaultValue:e==null?void 0:e.selectedAttribute,value:e==null?void 0:e.selectedAttribute,onChange:t=>e.attributeChanged(t.target.value),ref:E},L.map((t,o)=>{var s,d,f;let i=(s=e==null?void 0:e.num)!=null?s:o;const A=(t==null?void 0:t.value)===(e==null?void 0:e.selectedAttribute);e.forbidDefault===!0&&typeof i=="number"&&i++,typeof i=="number"&&i<=9&&i>=0||(i="-");let u=o>8&&!e.forbidDefault?m[(o-1)%m.length]:n[o%n.length];(t==null?void 0:t.color)&&(u=t.color);const{defaultSize:S,logicalCondition:v,sizeRange:_}=((d=t==null?void 0:t.limit)==null?void 0:d.sizeLimit)||{},j=((f=t==null?void 0:t.limit)==null?void 0:f.positionLimit)||S||_||(v==null?void 0:v.length)>0,z=A&&j;return l.createElement(b,{value:t.value,ref:h,key:t.label+o},l.createElement("span",{className:"sensebee-radio-label",title:t.label},!(e==null?void 0:e.forbidColor)&&l.createElement(k,{content:l.createElement(V,{defaultColor:u,setColor:a=>T(t.value,a)}),title:l.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},l.createElement("span",null,R("Palette")),l.createElement(w,{onClick:()=>r(!1)})),visible:y&&O===o,onVisibleChange:a=>{!a||r(a)}},l.createElement(N,{color:u,style:{cursor:"pointer",marginRight:"8px"},onClick:()=>{(e==null?void 0:e.enableColorPicker)&&(P(o),r(!0))}})),t.label),z&&l.createElement(D,{limit:t.limit,updateSize:e==null?void 0:e.updateSize}),l.createElement("span",{className:"sensebee-radio-num"},i))})))});export{C as ATTRIBUTE_COLORS,U as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getClassName as C}from"../../utils/dom.js";import
|
|
1
|
+
import{getClassName as C}from"../../utils/dom.js";import m,{useRef as v,useState as H,useCallback as L,useEffect as P}from"react";import _ from"../AnnotationView/index.js";import E from"../../hooks/useSize.js";import{useSingleBox as I}from"./hooks/useSingleBox.js";import{useHighlight as N}from"./hooks/useHighlight.js";import R from"./components/HighlightVisible/index.js";var A=(o,r,i)=>new Promise((u,s)=>{var c=n=>{try{t(i.next(n))}catch(e){s(e)}},l=n=>{try{t(i.throw(n))}catch(e){s(e)}},t=n=>n.done?u(n.value):Promise.resolve(n.value).then(c,l);t((i=i.apply(o,r)).next())});const O=({view2dData:o,setSelectedID:r,currentData:i,showEnlarge:u})=>{var s;const c=v(null),l=v(),{selectedBox:t}=I(),n=E(c),{url:e,calib:x}=o,{toggle2dVisible:y,isHighlightVisible:k}=N({currentData:i}),[S,g]=H(!1),V=!o,j=f=>{d()},d=L(()=>{var f,h;const p=(f=l.current)==null?void 0:f.toolInstance;if(r(""),!t||!p)return;const a=o.annotations.find(B=>B.annotation.id===t.info.id);let b="";a&&((h=a==null?void 0:a.annotation.pointList)==null?void 0:h.length)>0&&(p.focusPositionByPointList(a==null?void 0:a.annotation.pointList),b=t.info.id,r(b))},[t,l.current,o.annotations]);P(()=>{d()},[d]);const z=()=>A(void 0,null,function*(){g(!0),yield y(e,x),g(!1)});return m.createElement("div",{className:C("point-cloud-2d-image"),ref:c},m.createElement(_,{src:(s=o==null?void 0:o.url)!=null?s:"",annotations:o.annotations,size:n,ref:l,globalStyle:{display:V?"none":"block"},afterImgOnLoad:j,zoomInfo:{min:.01,max:1e3,ratio:.4}}),m.createElement(R,{visible:k(e),onClick:z,loading:S,style:{position:"absolute",right:16,top:16,zIndex:u?-1:101}}))};export{O as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getClassName as N}from"../../utils/dom.js";import n,{useState as E,useContext as
|
|
1
|
+
import{getClassName as N}from"../../utils/dom.js";import n,{useState as E,useContext as U,useEffect as S}from"react";import{PointCloudContainer as W}from"./PointCloudLayout.js";import{PointCloudContext as X}from"./PointCloudContext.js";import{connect as Y}from"react-redux";import{cKeyCode as Z,pointCloudLidar2image as B}from"@labelbee/lb-annotation";import{LabelBeeContext as ee}from"../../store/ctx.js";import{a2MapStateToProps as te}from"../../store/annotation/map.js";import{toolStyleConverter as ne}from"@labelbee/lb-utils";import oe from"./PointCloud2DSingleView.js";import V from"./components/TitleButton/index.js";import{LeftOutlined as ie}from"@ant-design/icons";import re from"classnames";import le from"../../assets/annotation/common/icon_esc.svg.js";import se from"../../assets/annotation/common/icon_left_squareOutlined.svg.js";import ae from"../../assets/annotation/common/icon_right_squareOutlined.svg.js";var ce=Object.defineProperty,me=Object.defineProperties,ue=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,pe=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable,A=(e,o,t)=>o in e?ce(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,_=(e,o)=>{for(var t in o||(o={}))pe.call(o,t)&&A(e,t,o[t]);if(R)for(var t of R(o))de.call(o,t)&&A(e,t,o[t]);return e},x=(e,o)=>me(e,ue(o));const C=Z.default,ge=({showEnlarge:e,isEnlargeTopView:o,data:t,setIsEnlarge:d,setCurIndex:m,curIndex:g=0,index:f,annotations2d:s})=>o?n.createElement(V,{title:t==null?void 0:t.calName,style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}):e?n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement(ie,{style:{cursor:"pointer",marginRight:"12px"},onClick:()=>{d(!1),m(void 0)}}),n.createElement("span",null,t==null?void 0:t.calName),n.createElement("span",{style:{marginLeft:"8px"}},g+1,"/",s==null?void 0:s.length)):n.createElement(V,{title:t==null?void 0:t.calName,onClick:()=>{d(!0),m(f)},style:{background:"rgba(0, 0, 0, 0.74)",color:"#FFFFFF"}}),fe=({currentData:e,config:o,thumbnailWidth:t,isEnlargeTopView:d,highlightAttribute:m,loadPCDFileLoading:g})=>{var f;const[s,T]=E([]),{topViewInstance:K,displayPointCloudList:h}=U(X),[w,$]=E(""),[v,b]=E(!1),[a,y]=E(void 0);S(()=>{var i;if(!g&&K&&(e==null?void 0:e.mappingImgList)&&((i=e==null?void 0:e.mappingImgList)==null?void 0:i.length)>0){const r={fill:"transparent",color:"green"};let l=[];e==null||e.mappingImgList.forEach(c=>{var u;const D=h.reduce((G,p)=>{var j;const H=p.id===w||m===p.attribute,{transferViewData:J,viewRangePointList:P}=B(p,c.calib,{createRange:H}),k=(j=ne.getColorFromConfig({attribute:p.attribute},x(_({},o),{attributeConfigurable:!0}),{}))==null?void 0:j.stroke,Q=q({viewDataPointList:J,pointCloudBox:p,defaultViewStyle:r,stroke:k}),I=[...G,...Q];return(P==null?void 0:P.length)>0&&I.push({type:"polygon",annotation:x(_({id:w,pointList:P},r),{stroke:k,fill:"rgba(255, 255, 255, 0.6)"})}),I},[]);l.push({annotations:D,url:c==null?void 0:c.url,calName:(u=c.calib)==null?void 0:u.calName,calib:c==null?void 0:c.calib})}),T(l)}},[h,e==null?void 0:e.mappingImgList,w,m,g]),S(()=>(window.addEventListener("keydown",L),()=>{window.removeEventListener("keydown",L)}),[a]);const L=i=>{const{keyCode:r}=i;switch(r){case C.Esc:v&&b(!1);break;case C.Left:F();break;case C.Right:O();break}},F=()=>{a===void 0||!v||Number(a)>0&&y(a-1)},O=()=>{a===void 0||!v||Number(a)<(s==null?void 0:s.length)-1&&y(a+1)},q=({viewDataPointList:i,pointCloudBox:r,defaultViewStyle:l,stroke:c})=>i.map(u=>({type:u.type,annotation:x(_({id:r.id,pointList:u.pointList},l),{stroke:c})})),z=!e||!(e==null?void 0:e.mappingImgList)||!(((f=e==null?void 0:e.mappingImgList)==null?void 0:f.length)>0),M=n.createElement("div",{style:{display:"flex",alignItems:"center",fontSize:"14px"}},n.createElement("img",{src:se,style:{height:"24px",marginRight:"8px",cursor:"pointer"},onClick:()=>F()}),n.createElement("span",{style:{marginRight:"12px"}},"\u952E\u76D8\u5DE6\u952E\u4E0A\u4E00\u5F20"),n.createElement("span",{style:{margin:"0px 8px 0px 12px"}},"\u952E\u76D8\u53F3\u952E\u4E0A\u4E00\u5F20"),n.createElement("img",{src:ae,style:{height:"24px",marginRight:"12px",cursor:"pointer"},onClick:()=>O()}),n.createElement("img",{src:le,style:{height:"24px",margin:"0px 8px 0px 12px",cursor:"pointer"},onClick:()=>{b(!1),y(void 0)}}),n.createElement("span",null,"\u952E\u9000\u51FA"));return(s==null?void 0:s.length)>0?n.createElement(n.Fragment,null,s.map((i,r)=>{const l=v&&r===a;return n.createElement(W,{className:re({[N("point-cloud-2d-container")]:!0,[N("point-cloud-container","zoom")]:l}),title:n.createElement(ge,{showEnlarge:l,isEnlargeTopView:d,data:i,setIsEnlarge:b,setCurIndex:y,curIndex:a,index:r,annotations2d:s}),titleOnSurface:!l,style:{display:z?"none":"flex",width:l?"100%":t},key:r,toolbar:M},(i==null?void 0:i.annotations)&&(i==null?void 0:i.url)&&n.createElement(oe,{currentData:e,view2dData:i,setSelectedID:$,showEnlarge:l}))})):null};var ve=Y(te,null,null,{context:ee})(fe);export{ve as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import c from"react";import{EyeFilled as
|
|
1
|
+
import c from"react";import{EyeFilled as p,EyeInvisibleFilled as d,LoadingOutlined as f}from"@ant-design/icons";import{getClassName as u}from"../../../../utils/dom.js";var m=Object.defineProperty,l=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable,n=(t,e,r)=>e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,s=(t,e)=>{for(var r in e||(e={}))g.call(e,r)&&n(t,r,e[r]);if(l)for(var r of l(e))_.call(e,r)&&n(t,r,e[r]);return t};const y=({visible:t,style:e,onClick:r,loading:o})=>{const i={background:"rgba(0, 0, 0, 0.74)",color:"white",borderRadius:2,padding:6,fontSize:16};let a=t?p:d;return o&&(a=f,Object.assign(i,{borderRadius:100})),c.createElement(a,{className:u("point-cloud-highlight-view"),style:s(s({},i),e),onClick:o?()=>{}:r})};export{y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getClassName as n}from"../../utils/dom.js";import t,{useContext as
|
|
1
|
+
import{getClassName as n}from"../../utils/dom.js";import t,{useContext as h,useState as D,useEffect as p}from"react";import N from"./PointCloud3DView.js";import T from"./PointCloudBackView.js";import I from"./PointCloudTopView.js";import B from"./PointCloudSideView.js";import F from"./PointCloud2DView.js";import R from"./PointCloudListener.js";import _ from"./PointCloudSegmentListener.js";import y from"./PointCloudSegment.js";import G from"./PointCloudSegmentStatus.js";import O from"./PointCloudSegmentToolbar.js";import{connect as Z}from"react-redux";import{LabelBeeContext as U,useDispatch as W}from"../../store/ctx.js";import{AnnotatedAttributesPanelFixedLeft as $,AnnotatedAttributesPanelFixedRight as k}from"../../views/MainView/toolFooter/AnnotatedAttributes/index.js";import{PointCloudContext as q}from"./PointCloudContext.js";import{PointCloudUtils as z,EPointCloudPattern as H}from"@labelbee/lb-utils";import{useCustomToolInstance as J}from"../../hooks/annotation.js";import{jsonParser as K}from"../../utils/index.js";import{a2MapStateToProps as Q}from"../../store/annotation/map.js";import g from"classnames";import X from"./components/sideAndBackOverView/index.js";import{SetLoadPCDFileLoading as Y}from"../../store/annotation/actionCreators.js";const M=({currentData:s,imgList:E,drawLayerSlot:d,checkMode:l,intelligentFit:L,imgIndex:x,loadPCDFileLoading:et})=>{const e=h(q),{globalPattern:c,setGlobalPattern:S,selectedIDs:C}=e,b=W(),[i,P]=D(!1),j=(C==null?void 0:C.length)>0&&i,v=K(s.result),{toolInstanceRef:r,clearToolInstance:w}=J({basicInfo:v});if(p(()=>{r.current.setPointCloudGlobalPattern=o=>{o!==c&&(S(o),e.clearAllDetectionInstance(),w())}},[c]),p(()=>{var o;if(Y(b,!0),s){const{boxParamsList:a,polygonList:m,lineList:u,sphereParamsList:V,segmentation:A}=z.parsePointCloudCurrentResult((o=s==null?void 0:s.result)!=null?o:"");e.setPointCloudResult(a),e.setPolygonList(m),e.setLineList(u),e.setPointCloudSphereList(V),e.setSegmentation(A)}},[x]),p(()=>{r.current.exportData=()=>[e.pointCloudBoxList,{valid:e.valid}],r.current.exportCustomData=()=>{var o,a,m,u;return{resultPolygon:(o=e.polygonList)!=null?o:[],resultLine:(a=e.lineList)!=null?a:[],resultPoint:(m=e.pointCloudSphereList)!=null?m:[],segmentation:(u=e.segmentation)!=null?u:[]}}},[e.pointCloudBoxList,e.valid,e.polygonList,e.lineList,e.pointCloudSphereList,e.ptSegmentInstance,e.segmentation]),E.length===0)return null;if(c===H.Segmentation)return t.createElement(t.Fragment,null,t.createElement(_,{checkMode:l,toolInstanceRef:r}),t.createElement(O,null),t.createElement(y,{checkMode:l}),t.createElement(G,null),d==null?void 0:d({direct:!0}));let f=t.createElement("div",{className:n("point-cloud-container","left-bottom")},t.createElement(T,{checkMode:l}),t.createElement(B,{checkMode:l}));return i&&(f=t.createElement(X,{selectAndEnlarge:j,checkMode:l})),t.createElement(t.Fragment,null,t.createElement(R,{checkMode:l,toolInstanceRef:r}),t.createElement("div",{className:n("point-cloud-layout"),onContextMenu:o=>o.preventDefault()},t.createElement("div",{className:n("point-cloud-wrapper")},t.createElement($,null),t.createElement("div",{className:n("point-cloud-content")},t.createElement("div",{className:n("point-cloud-container","left")},t.createElement(N,null),f),t.createElement("div",{className:g({[n("point-cloud-container","right")]:!0,[n("point-cloud-container","rightZoom")]:i})},t.createElement(I,{drawLayerSlot:d,checkMode:l,intelligentFit:L,setIsEnlargeTopView:P,onExitZoom:()=>{P(!1)},isEnlargeTopView:i}),t.createElement("div",{className:g({[n("point-cloud-container","right-bottom")]:!i,[n("point-cloud-container","right-bottom-floatLeft")]:i})},t.createElement(F,{isEnlargeTopView:i,thumbnailWidth:i?300:455})))),t.createElement(k,null))))};var tt=Z(Q,null,null,{context:U})(M);export{tt as default};
|
package/es/index.css
CHANGED
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
border-color: #666fff;
|
|
237
237
|
}
|
|
238
238
|
.bee-sidebar__level {
|
|
239
|
-
padding:
|
|
239
|
+
padding: 20px 8px;
|
|
240
240
|
border-bottom: 1px solid #eee;
|
|
241
241
|
display: flex;
|
|
242
242
|
justify-content: center;
|
|
@@ -1546,7 +1546,7 @@
|
|
|
1546
1546
|
height: 100%;
|
|
1547
1547
|
}
|
|
1548
1548
|
.bee-point-cloud-wrapper .bee-point-cloud-container__rightZoom {
|
|
1549
|
-
position:
|
|
1549
|
+
position: absolute;
|
|
1550
1550
|
top: 0px;
|
|
1551
1551
|
left: 0px;
|
|
1552
1552
|
width: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{prefix as
|
|
1
|
+
import{prefix as B}from"../../../constant/index.js";import{EToolName as n}from"../../../data/enums/ToolType.js";import O from"../../../utils/StepUtils.js";import{Collapse as d}from"antd/es";import e,{useState as F}from"react";import{useTranslation as K}from"react-i18next";import R from"./AnnotationText/index.js";import z from"./ClearIcon/index.js";import D,{PointCloudOperation as h}from"./GeneralOperation/index.js";import G from"./ImgAttributeInfo/index.js";import U from"./SwitchAttributeList/index.js";import u,{expandIconFuc as y}from"./TagSidebar/index.js";import C from"./TextToolSidebar/index.js";import N from"./PointCloudToolSidebar/index.js";import V from"./ToolStyle/index.js";import{cTool as q}from"@labelbee/lb-annotation";import H from"./ScribbleSidebar/index.js";import{ToolIcons as J}from"./ToolIcons.js";import{useSelector as M}from"../../../store/ctx.js";import{Tabs as j}from"antd";import{classnames as Q}from"../../../utils/index.js";import v from"../../../assets/annotation/common/icon_menu_fold.svg.js";const{EVideoToolName:W,EPointCloudName:X}=q,{Panel:_}=d,t=`${B}-sidebar`,Y=({sider:l,enableColorPicker:I,setSiderWidth:p,propsSiderWidth:Z})=>{const f=M(r=>O.getCurrentStepInfo(r.annotation.step,r.annotation.stepList)),[c,$]=F(!0),o=f==null?void 0:f.tool,{t:E}=K();if(!o)return null;const A=r=>{const i=e.createElement(V,null);return e.createElement(_,{header:E("Style"),className:"panel",key:r},i)},x=e.createElement(J,{toolName:o,onChange:()=>{}}),s=e.createElement(U,null),b=e.createElement(R,null),S=e.createElement(d,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:y},A("1")),T=e.createElement(d,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:y},e.createElement(_,{header:e.createElement("div",null,E("Adjust"),e.createElement(z,null)),className:"panel",key:"imgAttribute"},e.createElement(G,null))),a=e.createElement(D,null),P=e.createElement(u,null),w=e.createElement(C,null),g=e.createElement(H,{onChange:(r,i)=>{}}),m=e.createElement("div",{className:`${t}__horizontal`}),L=e.createElement(N,{enableColorPicker:I}),k=e.createElement(h,null);if(l)return typeof l=="function"?e.createElement("div",{className:`${t}`},l({toolIcon:x,attributeList:s,annotationText:b,toolStyle:S,imageAttributeInfo:T,operation:a,tagToolSideBar:P,textToolSideBar:w,horizontal:m,pointCloudToolSidebar:L,pointCloudOperation:k,scribbleSidebar:g})):l;if([n.Rect,n.Point,n.Line,n.Rect,n.Polygon,n.Cuboid].includes(o))return e.createElement("div",{className:`${t}`},x,m,s,b,m,e.createElement("div",{className:`${t}__content`},S,T),a);if(o===n.Tag)return e.createElement("div",{className:`${t}`},e.createElement(u,null));if(o===W.VideoTagTool)return e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},e.createElement(u,null)),a);if(o===n.Text)return e.createElement("div",{className:`${t}`},e.createElement(C,null));if(o===X.PointCloud){const r=()=>{$(!c),p&&p(c?48:void 0)},i=e.createElement("div",{style:{width:"48px",height:"100%",display:"flex",justifyContent:"center",background:"#ffffff"}},e.createElement("span",{onClick:()=>r()},e.createElement("img",{style:{width:"16px",height:"16px",marginTop:"18px",cursor:"pointer",transform:"rotate(180deg)"},src:v})));return c?e.createElement(j,{type:"card",activeKey:"1",className:Q({[`${t}`]:!0,[`${t}__pointCloud`]:!0}),tabBarExtraContent:{left:e.createElement("span",{onClick:()=>r(),style:{padding:"0px 4px"}},e.createElement("img",{style:{width:"16px",height:"16px",marginLeft:"4px",cursor:"pointer"},src:v}))}},e.createElement(j.TabPane,{tab:"\u5DE5\u5177\u9762\u677F",key:"1",style:{height:"100%",display:"flex",flexDirection:"column"}},e.createElement("div",{className:`${t}__content`},e.createElement(N,null)),e.createElement(h,null))):i}return o===n.ScribbleTool?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},g,s),a):null};export{Y as default,t as sidebarCls};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@labelbee/lb-components",
|
|
3
|
-
"version": "1.14.0-alpha.
|
|
3
|
+
"version": "1.14.0-alpha.8",
|
|
4
4
|
"description": "Provide a complete library of annotation components",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"es": "./es/index.js",
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@ant-design/icons": "^4.6.2",
|
|
46
|
-
"@labelbee/lb-annotation": "1.18.0-alpha.
|
|
47
|
-
"@labelbee/lb-utils": "1.10.0-alpha.
|
|
46
|
+
"@labelbee/lb-annotation": "1.18.0-alpha.6",
|
|
47
|
+
"@labelbee/lb-utils": "1.10.0-alpha.4",
|
|
48
48
|
"ahooks": "^3.4.0",
|
|
49
49
|
"classnames": "^2.3.0",
|
|
50
50
|
"lodash": "^4.17.21",
|