@labelbee/lb-components 1.10.0-alpha.19 → 1.10.0-alpha.20

package/dist/types/App.d.ts

@@ -68,6 +68,7 @@ export interface AppProps {
     customRenderStyle?: (data: any) => IAnnotationStyle;
     checkMode?: boolean;
     intelligentFit?: boolean;
+    enableColorPicker?: boolean;
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<AppProps>, import("react-redux").Omit<AppProps & {
     children?: React.ReactNode;

package/dist/types/views/MainView/sidebar/PointCloudToolSidebar/index.d.ts

@@ -8,6 +8,7 @@ interface IProps {
     imgList: IFileItem[];
     imgIndex: number;
     stepList: IStepInfo[];
+    enableColorPicker?: boolean;
 }
 declare const _default: import("react-redux").ConnectedComponent<React.FC<IProps>, import("react-redux").Omit<IProps & {
     children?: React.ReactNode;

package/dist/types/views/MainView/sidebar/index.d.ts

@@ -4,6 +4,7 @@ import React from 'react';
 interface IProps {
     toolName?: EToolName;
     sider?: Sider;
+    enableColorPicker?: boolean;
 }
 export declare const sidebarCls: string;
 declare const Sidebar: React.FC<IProps>;

package/dist/views/MainView/index.js

@@ -1 +1 @@
-"use strict";var index=require("../../components/customResizeHook/index.js"),index$5=require("../../constant/index.js"),antd=require("antd"),es=require("antd/es"),React=require("react"),index$8=require("./annotationOperation/index.js"),index$7=require("./annotationTips/index.js"),index$3=require("./sidebar/index.js"),index$9=require("./toolFooter/index.js"),index$2=require("./toolHeader/index.js"),reducer=require("../../store/annotation/reducer.js"),index$6=require("../../components/videoAnnotate/index.js"),reactRedux=require("react-redux"),ToolUtils=require("../../utils/ToolUtils.js"),index$a=require("../../components/pointCloudView/index.js"),dom=require("../../utils/dom.js"),index$1=require("../../utils/index.js"),ctx=require("../../store/ctx.js"),index$4=require("../../components/predictTracking/previewResult/index.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,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ImageAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,e.showTips===!0&&React__default.default.createElement(index$7,{path:e.path,tips:e.tips}),React__default.default.createElement(index$8,__spreadValues({},e)),React__default.default.createElement(index$9.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},PointCloudAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$a,{drawLayerSlot:e.drawLayerSlot,checkMode:e.checkMode,intelligentFit:e.intelligentFit}),React__default.default.createElement(index$9.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},AnnotatedArea=e=>{var t;const{stepList:a,step:n}=e,r=(t=reducer.getStepConfig(a,n))==null?void 0:t.tool,i=ToolUtils.isVideoTool(r),l=ToolUtils.isPointCloudTool(r);return i?React__default.default.createElement(index$6,__spreadValues({},e)):l?React__default.default.createElement(PointCloudAnnotate,__spreadValues({},e)):React__default.default.createElement(ImageAnnotate,__spreadValues({},e))},MainView=e=>{var t,a,n,r,i;const l=(a=(t=e.style)==null?void 0:t.sider)==null?void 0:a.width;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(antd.Spin,{spinning:e.loading},React__default.default.createElement(es.Layout,{className:index$1.classnames([layoutCls,e.className]),style:(n=e.style)==null?void 0:n.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(r=e.style)==null?void 0:r.header},React__default.default.createElement(index$2,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData})),React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container")},e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement(AnnotatedArea,__spreadValues({},e))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:l!=null?l:240,style:(i=e.style)==null?void 0:i.sider},React__default.default.createElement(index$3.default,{sider:e==null?void 0:e.sider})),React__default.default.createElement(index$4,null)))))},mapStateToProps=({annotation:e})=>{var t,a,n;const{imgList:r,loading:i}=e,l=(t=r[e.imgIndex])!=null?t:{};return{path:(n=(a=l==null?void 0:l.path)!=null?a:l==null?void 0:l.url)!=null?n:"",loading:i}};var MainView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(MainView);module.exports=MainView$1;
+"use strict";var index=require("../../components/customResizeHook/index.js"),index$5=require("../../constant/index.js"),antd=require("antd"),es=require("antd/es"),React=require("react"),index$8=require("./annotationOperation/index.js"),index$7=require("./annotationTips/index.js"),index$3=require("./sidebar/index.js"),index$9=require("./toolFooter/index.js"),index$2=require("./toolHeader/index.js"),reducer=require("../../store/annotation/reducer.js"),index$6=require("../../components/videoAnnotate/index.js"),reactRedux=require("react-redux"),ToolUtils=require("../../utils/ToolUtils.js"),index$a=require("../../components/pointCloudView/index.js"),dom=require("../../utils/dom.js"),index$1=require("../../utils/index.js"),ctx=require("../../store/ctx.js"),index$4=require("../../components/predictTracking/previewResult/index.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,t,a)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,__spreadValues=(e,t)=>{for(var a in t||(t={}))__hasOwnProp.call(t,a)&&__defNormalProp(e,a,t[a]);if(__getOwnPropSymbols)for(var a of __getOwnPropSymbols(t))__propIsEnum.call(t,a)&&__defNormalProp(e,a,t[a]);return e};const{Sider,Content}=es.Layout,layoutCls=`${index$5.prefix}-layout`,ImageAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,e.showTips===!0&&React__default.default.createElement(index$7,{path:e.path,tips:e.tips}),React__default.default.createElement(index$8,__spreadValues({},e)),React__default.default.createElement(index$9.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},PointCloudAnnotate=e=>{var t;return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(index$a,{drawLayerSlot:e.drawLayerSlot,checkMode:e.checkMode,intelligentFit:e.intelligentFit}),React__default.default.createElement(index$9.default,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},AnnotatedArea=e=>{var t;const{stepList:a,step:n}=e,r=(t=reducer.getStepConfig(a,n))==null?void 0:t.tool,i=ToolUtils.isVideoTool(r),l=ToolUtils.isPointCloudTool(r);return i?React__default.default.createElement(index$6,__spreadValues({},e)):l?React__default.default.createElement(PointCloudAnnotate,__spreadValues({},e)):React__default.default.createElement(ImageAnnotate,__spreadValues({},e))},MainView=e=>{var t,a,n,r,i;const l=(a=(t=e.style)==null?void 0:t.sider)==null?void 0:a.width;return React__default.default.createElement(index.ViewportProvider,null,React__default.default.createElement(antd.Spin,{spinning:e.loading},React__default.default.createElement(es.Layout,{className:index$1.classnames([layoutCls,e.className]),style:(n=e.style)==null?void 0:n.layout},React__default.default.createElement("header",{className:`${layoutCls}__header`,style:(r=e.style)==null?void 0:r.header},React__default.default.createElement(index$2,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData})),React__default.default.createElement(es.Layout,{className:dom.getClassName("layout","container")},e==null?void 0:e.leftSider,React__default.default.createElement(Content,{className:`${layoutCls}__content`},React__default.default.createElement(AnnotatedArea,__spreadValues({},e))),React__default.default.createElement(Sider,{className:`${layoutCls}__side`,width:l!=null?l:240,style:(i=e.style)==null?void 0:i.sider},React__default.default.createElement(index$3.default,{sider:e==null?void 0:e.sider,enableColorPicker:e==null?void 0:e.enableColorPicker})),React__default.default.createElement(index$4,null)))))},mapStateToProps=({annotation:e})=>{var t,a,n;const{imgList:r,loading:i}=e,l=(t=r[e.imgIndex])!=null?t:{};return{path:(n=(a=l==null?void 0:l.path)!=null?a:l==null?void 0:l.url)!=null?n:"",loading:i}};var MainView$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(MainView);module.exports=MainView$1;

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

@@ -1 +1 @@
-"use strict";var React=require("react"),icons=require("@ant-design/icons"),ToolIcons=require("../ToolIcons.js"),lbAnnotation=require("@labelbee/lb-annotation"),PointCloudContext=require("../../../../components/pointCloudView/PointCloudContext.js"),antd=require("antd"),StepUtils=require("../../../../utils/StepUtils.js"),reactRedux=require("react-redux"),index=require("../../../../utils/index.js"),useStatus=require("../../../../components/pointCloudView/hooks/useStatus.js"),useSingleBox=require("../../../../components/pointCloudView/hooks/useSingleBox.js"),reactI18next=require("react-i18next"),ctx=require("../../../../store/ctx.js"),index$1=require("./components/batchUpdateModal/index.js"),lbUtils=require("@labelbee/lb-utils"),index$2=require("../../../../components/attributeList/index.js"),useAttribute=require("../../../../components/pointCloudView/hooks/useAttribute.js"),actionCreators=require("../../../../store/annotation/actionCreators.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const AnnotatedBox=({imgList:e,imgIndex:t})=>{const r=React.useContext(PointCloudContext.PointCloudContext),[i,f]=React.useState([]),{t:s}=reactI18next.useTranslation();React.useEffect(()=>{const n=e;let a=new Map;f(lbUtils.PointCloudUtils.getAllPointCloudResult({imgList:n,extraBoxList:v,ignoreIndexList:[t]}).filter(l=>!l.trackID||a.get(l.trackID)?!1:(a.set(l.trackID,!0),!0)).sort((l,d)=>{var c,p;const g=(c=l==null?void 0:l.trackID)!=null?c:0,_=(p=d==null?void 0:d.trackID)!=null?p:0;return g-_}).map(l=>{var d;return(d=l==null?void 0:l.trackID)!=null?d:0}))},[r.pointCloudBoxList,e]);const{pointCloudBoxList:v}=r;return React__default.default.createElement("div",{style:{padding:24,borderBottom:"1px solid #eee"}},React__default.default.createElement("div",{style:{marginBottom:16}},s("AllTrackIDs")),React__default.default.createElement("div",null,i.map(n=>React__default.default.createElement(antd.Tag,{color:"#F3F4FF",key:n,style:{color:"#666",marginBottom:8}},n))))},BoxTrackIDInput=()=>{const[e,t]=React.useState(!1),{pointCloudBoxList:r}=React.useContext(PointCloudContext.PointCloudContext),{selectedBox:i,updateSelectedBox:f}=useSingleBox.useSingleBox(),[s,v]=React.useState(""),{t:n}=reactI18next.useTranslation(),a=i==null?void 0:i.info.trackID,l=c=>!!r.find(g=>g.trackID===c&&g.id!==(i==null?void 0:i.info.id)),d=(c=!1)=>{const p=parseInt(s,10);if(c&&t(!1),isNaN(p)){antd.message.error(n("PositiveIntegerCheck"));return}if(s.indexOf(".")>-1){antd.message.error(n("NotAllowDecimalPointsInTrackID"));return}if(l(p)){antd.message.error(n("DuplicateTrackIDsExist"));return}if(!(p>0)){antd.message.error(n("PositiveIntegerCheck"));return}f({trackID:p})};return React.useEffect(()=>{t(!1)},[a]),React__default.default.createElement("div",{style:{padding:24}},React__default.default.createElement("div",{style:{marginBottom:16,display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,n("CurrentBoxTrackIDs")),a&&React__default.default.createElement(index$1,{id:a})),React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e&&a?React__default.default.createElement(antd.Input,{defaultValue:a,onChange:c=>{v(c.target.value)},disabled:!a,size:"small",onBlur:()=>{d()},onPressEnter:()=>{d(!0)}}):React__default.default.createElement("span",null,a),React__default.default.createElement(icons.EditFilled,{style:{color:"#999",marginLeft:16,cursor:typeof a!="undefined"?"pointer":"not-allowed"},onClick:()=>{a&&t(!e)}})))},AttributeUpdater=({attributeList:e,subAttributeList:t,toolInstance:r,config:i,stepList:f,stepInfo:s})=>{const{selectedBox:v}=useSingleBox.useSingleBox(),n=React.useContext(PointCloudContext.PointCloudContext),{t:a}=reactI18next.useTranslation(),{defaultAttribute:l}=useAttribute.useAttribute(),d=ctx.useDispatch(),c={fontWeight:500,fontSize:14,margin:"12px 0 8px 20px"},p={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},g=(o,x)=>{var C,b,I,y,u;const E=(C=i==null?void 0:i.attributeList)==null?void 0:C.map(m=>m.value===o?__spreadProps(__spreadValues({},m),{color:x}):m),k=__spreadProps(__spreadValues({},i),{attributeList:E}),D=JSON.stringify(k),w=f==null?void 0:f.map(m=>(m==null?void 0:m.step)===(s==null?void 0:s.step)?__spreadProps(__spreadValues({},m),{config:D}):m);(b=n==null?void 0:n.topViewInstance)==null||b.updateAttributeList(E),(I=n==null?void 0:n.sideViewInstance)==null||I.updateAttributeList(E),(y=n==null?void 0:n.backViewInstance)==null||y.updateAttributeList(E),(u=n==null?void 0:n.mainViewInstance)==null||u.setConfig(k),d(actionCreators.SetTaskStepList({stepList:w}))},_=o=>{r.setDefaultAttribute(o)},S=(o,x)=>{r.setSubAttribute(o,x)},P=e.map(o=>({label:o.key,value:o.value,color:o==null?void 0:o.color}));return React__default.default.createElement("div",null,React__default.default.createElement("div",{style:c},a("Attribute")),React__default.default.createElement(index$2.default,{list:P,forbidDefault:!0,selectedAttribute:l!=null?l:"",attributeChanged:o=>_(o),updateColorConfig:g,enableColorPicker:!0}),React__default.default.createElement(antd.Divider,{style:{margin:0}}),v&&React__default.default.createElement(React__default.default.Fragment,null,t.map(o=>{var x,C,b,I,y;return(o==null?void 0:o.subSelected)&&React__default.default.createElement("div",{style:{marginTop:12},key:o.value},React__default.default.createElement("div",{style:p},a("SubAttribute"),"-",o.key),((x=o.subSelected)==null?void 0:x.length)<5?React__default.default.createElement(index$2.default,{list:o.subSelected.map(u=>({label:u.key,value:u.value})),selectedAttribute:(b=(C=n.selectedPointCloudBox)==null?void 0:C.subAttribute)==null?void 0:b[o.value],num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:u=>S(o.value,u),style:{marginBottom:12}}):React__default.default.createElement(antd.Select,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:(y=(I=n.selectedPointCloudBox)==null?void 0:I.subAttribute)==null?void 0:y[o.value],placeholder:a("PleaseSelect"),onChange:u=>S(o.value,u),allowClear:!0},o.subSelected.map(u=>React__default.default.createElement(antd.Select.Option,{key:u.value,value:u.value},u.key))),React__default.default.createElement(antd.Divider,{style:{margin:0}}))})))},PointCloudToolSidebar=({stepInfo:e,toolInstance:t,imgList:r,imgIndex:i,stepList:f})=>{var s,v;const{updatePointCloudPattern:n,pointCloudPattern:a}=useStatus.useStatus(),l=index.jsonParser(e.config),d=(s=l==null?void 0:l.attributeList)!=null?s:[],c=(l==null?void 0:l.secondaryAttributeConfigurable)===!0?(v=l==null?void 0:l.inputList)!=null?v:[]:[];return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(ToolIcons.ToolIcons,{toolName:lbAnnotation.cTool.EPointCloudName.PointCloud,selectedToolName:a,onChange:p=>n==null?void 0:n(p)}),(l==null?void 0:l.trackConfigurable)===!0&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(AnnotatedBox,{imgList:r,imgIndex:i}),React__default.default.createElement(BoxTrackIDInput,null),React__default.default.createElement(antd.Divider,{style:{margin:0}})),React__default.default.createElement(AttributeUpdater,{toolInstance:t,attributeList:d,subAttributeList:c,config:l,stepList:f,stepInfo:e}))},mapStateToProps=e=>{var t,r,i,f;const s=StepUtils.getCurrentStepInfo((t=e.annotation)==null?void 0:t.step,(r=e.annotation)==null?void 0:r.stepList),v=(i=e.annotation)==null?void 0:i.toolInstance,n=(f=e.annotation)==null?void 0:f.stepList;return{stepInfo:s,toolInstance:v,imgList:e.annotation.imgList,imgIndex:e.annotation.imgIndex,stepList:n}};var PointCloudToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudToolSidebar);module.exports=PointCloudToolSidebar$1;
+"use strict";var React=require("react"),icons=require("@ant-design/icons"),ToolIcons=require("../ToolIcons.js"),lbAnnotation=require("@labelbee/lb-annotation"),PointCloudContext=require("../../../../components/pointCloudView/PointCloudContext.js"),antd=require("antd"),StepUtils=require("../../../../utils/StepUtils.js"),reactRedux=require("react-redux"),index=require("../../../../utils/index.js"),useStatus=require("../../../../components/pointCloudView/hooks/useStatus.js"),useSingleBox=require("../../../../components/pointCloudView/hooks/useSingleBox.js"),reactI18next=require("react-i18next"),ctx=require("../../../../store/ctx.js"),index$1=require("./components/batchUpdateModal/index.js"),lbUtils=require("@labelbee/lb-utils"),index$2=require("../../../../components/attributeList/index.js"),useAttribute=require("../../../../components/pointCloudView/hooks/useAttribute.js"),actionCreators=require("../../../../store/annotation/actionCreators.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),__defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));const AnnotatedBox=({imgList:e,imgIndex:t})=>{const o=React.useContext(PointCloudContext.PointCloudContext),[u,p]=React.useState([]),{t:f}=reactI18next.useTranslation();React.useEffect(()=>{const a=e;let n=new Map;p(lbUtils.PointCloudUtils.getAllPointCloudResult({imgList:a,extraBoxList:v,ignoreIndexList:[t]}).filter(i=>!i.trackID||n.get(i.trackID)?!1:(n.set(i.trackID,!0),!0)).sort((i,r)=>{var d,c;const m=(d=i==null?void 0:i.trackID)!=null?d:0,_=(c=r==null?void 0:r.trackID)!=null?c:0;return m-_}).map(i=>{var r;return(r=i==null?void 0:i.trackID)!=null?r:0}))},[o.pointCloudBoxList,e]);const{pointCloudBoxList:v}=o;return React__default.default.createElement("div",{style:{padding:24,borderBottom:"1px solid #eee"}},React__default.default.createElement("div",{style:{marginBottom:16}},f("AllTrackIDs")),React__default.default.createElement("div",null,u.map(a=>React__default.default.createElement(antd.Tag,{color:"#F3F4FF",key:a,style:{color:"#666",marginBottom:8}},a))))},BoxTrackIDInput=()=>{const[e,t]=React.useState(!1),{pointCloudBoxList:o}=React.useContext(PointCloudContext.PointCloudContext),{selectedBox:u,updateSelectedBox:p}=useSingleBox.useSingleBox(),[f,v]=React.useState(""),{t:a}=reactI18next.useTranslation(),n=u==null?void 0:u.info.trackID,i=d=>!!o.find(m=>m.trackID===d&&m.id!==(u==null?void 0:u.info.id)),r=(d=!1)=>{const c=parseInt(f,10);if(d&&t(!1),isNaN(c)){antd.message.error(a("PositiveIntegerCheck"));return}if(f.indexOf(".")>-1){antd.message.error(a("NotAllowDecimalPointsInTrackID"));return}if(i(c)){antd.message.error(a("DuplicateTrackIDsExist"));return}if(!(c>0)){antd.message.error(a("PositiveIntegerCheck"));return}p({trackID:c})};return React.useEffect(()=>{t(!1)},[n]),React__default.default.createElement("div",{style:{padding:24}},React__default.default.createElement("div",{style:{marginBottom:16,display:"flex",justifyContent:"space-between",alignItems:"center"}},React__default.default.createElement("span",null,a("CurrentBoxTrackIDs")),n&&React__default.default.createElement(index$1,{id:n})),React__default.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e&&n?React__default.default.createElement(antd.Input,{defaultValue:n,onChange:d=>{v(d.target.value)},disabled:!n,size:"small",onBlur:()=>{r()},onPressEnter:()=>{r(!0)}}):React__default.default.createElement("span",null,n),React__default.default.createElement(icons.EditFilled,{style:{color:"#999",marginLeft:16,cursor:typeof n!="undefined"?"pointer":"not-allowed"},onClick:()=>{n&&t(!e)}})))},AttributeUpdater=({attributeList:e,subAttributeList:t,toolInstance:o,config:u,stepList:p,stepInfo:f,enableColorPicker:v})=>{const{selectedBox:a}=useSingleBox.useSingleBox(),n=React.useContext(PointCloudContext.PointCloudContext),{t:i}=reactI18next.useTranslation(),{defaultAttribute:r}=useAttribute.useAttribute(),d=ctx.useDispatch(),c={fontWeight:500,fontSize:14,margin:"12px 0 8px 20px"},m={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},_=(l,x)=>{var C,b,I,y,s;const E=(C=u==null?void 0:u.attributeList)==null?void 0:C.map(g=>g.value===l?__spreadProps(__spreadValues({},g),{color:x}):g),k=__spreadProps(__spreadValues({},u),{attributeList:E}),w=JSON.stringify(k),L=p==null?void 0:p.map(g=>(g==null?void 0:g.step)===(f==null?void 0:f.step)?__spreadProps(__spreadValues({},g),{config:w}):g);(b=n==null?void 0:n.topViewInstance)==null||b.updateAttributeList(E),(I=n==null?void 0:n.sideViewInstance)==null||I.updateAttributeList(E),(y=n==null?void 0:n.backViewInstance)==null||y.updateAttributeList(E),(s=n==null?void 0:n.mainViewInstance)==null||s.setConfig(k),d(actionCreators.SetTaskStepList({stepList:L}))},P=l=>{o.setDefaultAttribute(l)},S=(l,x)=>{o.setSubAttribute(l,x)},D=e.map(l=>({label:l.key,value:l.value,color:l==null?void 0:l.color}));return React__default.default.createElement("div",null,React__default.default.createElement("div",{style:c},i("Attribute")),React__default.default.createElement(index$2.default,{list:D,forbidDefault:!0,selectedAttribute:r!=null?r:"",attributeChanged:l=>P(l),updateColorConfig:_,enableColorPicker:v}),React__default.default.createElement(antd.Divider,{style:{margin:0}}),a&&React__default.default.createElement(React__default.default.Fragment,null,t.map(l=>{var x,C,b,I,y;return(l==null?void 0:l.subSelected)&&React__default.default.createElement("div",{style:{marginTop:12},key:l.value},React__default.default.createElement("div",{style:m},i("SubAttribute"),"-",l.key),((x=l.subSelected)==null?void 0:x.length)<5?React__default.default.createElement(index$2.default,{list:l.subSelected.map(s=>({label:s.key,value:s.value})),selectedAttribute:(b=(C=n.selectedPointCloudBox)==null?void 0:C.subAttribute)==null?void 0:b[l.value],num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:s=>S(l.value,s),style:{marginBottom:12}}):React__default.default.createElement(antd.Select,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:(y=(I=n.selectedPointCloudBox)==null?void 0:I.subAttribute)==null?void 0:y[l.value],placeholder:i("PleaseSelect"),onChange:s=>S(l.value,s),allowClear:!0},l.subSelected.map(s=>React__default.default.createElement(antd.Select.Option,{key:s.value,value:s.value},s.key))),React__default.default.createElement(antd.Divider,{style:{margin:0}}))})))},PointCloudToolSidebar=({stepInfo:e,toolInstance:t,imgList:o,imgIndex:u,stepList:p,enableColorPicker:f})=>{var v,a;const{updatePointCloudPattern:n,pointCloudPattern:i}=useStatus.useStatus(),r=index.jsonParser(e.config),d=(v=r==null?void 0:r.attributeList)!=null?v:[],c=(r==null?void 0:r.secondaryAttributeConfigurable)===!0?(a=r==null?void 0:r.inputList)!=null?a:[]:[];return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(ToolIcons.ToolIcons,{toolName:lbAnnotation.cTool.EPointCloudName.PointCloud,selectedToolName:i,onChange:m=>n==null?void 0:n(m)}),(r==null?void 0:r.trackConfigurable)===!0&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(AnnotatedBox,{imgList:o,imgIndex:u}),React__default.default.createElement(BoxTrackIDInput,null),React__default.default.createElement(antd.Divider,{style:{margin:0}})),React__default.default.createElement(AttributeUpdater,{toolInstance:t,attributeList:d,subAttributeList:c,config:r,stepList:p,stepInfo:e,enableColorPicker:f}))},mapStateToProps=e=>{var t,o,u,p;const f=StepUtils.getCurrentStepInfo((t=e.annotation)==null?void 0:t.step,(o=e.annotation)==null?void 0:o.stepList),v=(u=e.annotation)==null?void 0:u.toolInstance,a=(p=e.annotation)==null?void 0:p.stepList;return{stepInfo:f,toolInstance:v,imgList:e.annotation.imgList,imgIndex:e.annotation.imgIndex,stepList:a}};var PointCloudToolSidebar$1=reactRedux.connect(mapStateToProps,null,null,{context:ctx.LabelBeeContext})(PointCloudToolSidebar);module.exports=PointCloudToolSidebar$1;

package/dist/views/MainView/sidebar/index.js

@@ -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$8=require("./AnnotationText/index.js"),index$2=require("./ClearIcon/index.js"),index$6=require("./GeneralOperation/index.js"),index$3=require("./ImgAttributeInfo/index.js"),index$7=require("./SwitchAttributeList/index.js"),index$1=require("./TagSidebar/index.js"),index$4=require("./TextToolSidebar/index.js"),index$5=require("./PointCloudToolSidebar/index.js"),index$a=require("./ToolStyle/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$9=require("./ScribbleSidebar/index.js"),ToolIcons=require("./ToolIcons.js"),ctx=require("../../../store/ctx.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})=>{const r=ctx.useSelector(a=>StepUtils.getCurrentStepInfo(a.annotation.step,a.annotation.stepList)),t=r==null?void 0:r.tool,{t:i}=reactI18next.useTranslation();if(!t)return null;const E=a=>{const f=React__default.default.createElement(index$a,null);return React__default.default.createElement(Panel,{header:i("Style"),className:"panel",key:a},f)},u=React__default.default.createElement(ToolIcons.ToolIcons,{toolName:t,onChange:()=>{}}),n=React__default.default.createElement(index$7,null),d=React__default.default.createElement(index$8,null),c=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},E("1")),s=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,i("Adjust"),React__default.default.createElement(index$2,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$3,null))),l=React__default.default.createElement(index$6.default,null),x=React__default.default.createElement(index$1.default,null),v=React__default.default.createElement(index$4.default,null),m=React__default.default.createElement(index$9,{onChange:(a,f)=>{}}),o=React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`}),p=React__default.default.createElement(index$5,null),T=React__default.default.createElement(index$6.PointCloudOperation,null);return e?typeof e=="function"?React__default.default.createElement("div",{className:`${sidebarCls}`},e({toolIcon:u,attributeList:n,annotationText:d,toolStyle:c,imageAttributeInfo:s,operation:l,tagToolSideBar:x,textToolSideBar:v,horizontal:o,pointCloudToolSidebar:p,pointCloudOperation:T,scribbleSidebar:m})):e:[ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon,ToolType.EToolName.Cuboid].includes(t)?React__default.default.createElement("div",{className:`${sidebarCls}`},u,o,n,d,o,React__default.default.createElement("div",{className:`${sidebarCls}__content`},c,s),l):t===ToolType.EToolName.Tag?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$1.default,null)):t===EVideoToolName.VideoTagTool?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$1.default,null)),l):t===ToolType.EToolName.Text?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$4.default,null)):t===EPointCloudName.PointCloud?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$5,null)),React__default.default.createElement(index$6.PointCloudOperation,null)):t===ToolType.EToolName.ScribbleTool?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},m,n),l):null};exports.default=Sidebar,exports.sidebarCls=sidebarCls;
+"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$8=require("./AnnotationText/index.js"),index$2=require("./ClearIcon/index.js"),index$6=require("./GeneralOperation/index.js"),index$3=require("./ImgAttributeInfo/index.js"),index$7=require("./SwitchAttributeList/index.js"),index$1=require("./TagSidebar/index.js"),index$4=require("./TextToolSidebar/index.js"),index$5=require("./PointCloudToolSidebar/index.js"),index$a=require("./ToolStyle/index.js"),lbAnnotation=require("@labelbee/lb-annotation"),index$9=require("./ScribbleSidebar/index.js"),ToolIcons=require("./ToolIcons.js"),ctx=require("../../../store/ctx.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})=>{const r=ctx.useSelector(a=>StepUtils.getCurrentStepInfo(a.annotation.step,a.annotation.stepList)),t=r==null?void 0:r.tool,{t:i}=reactI18next.useTranslation();if(!t)return null;const x=a=>{const f=React__default.default.createElement(index$a,null);return React__default.default.createElement(Panel,{header:i("Style"),className:"panel",key:a},f)},u=React__default.default.createElement(ToolIcons.ToolIcons,{toolName:t,onChange:()=>{}}),n=React__default.default.createElement(index$7,null),d=React__default.default.createElement(index$8,null),c=React__default.default.createElement(es.Collapse,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${sidebarCls}__content`,expandIcon:index$1.expandIconFuc},x("1")),s=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,i("Adjust"),React__default.default.createElement(index$2,null)),className:"panel",key:"imgAttribute"},React__default.default.createElement(index$3,null))),l=React__default.default.createElement(index$6.default,null),v=React__default.default.createElement(index$1.default,null),p=React__default.default.createElement(index$4.default,null),m=React__default.default.createElement(index$9,{onChange:(a,f)=>{}}),o=React__default.default.createElement("div",{className:`${sidebarCls}__horizontal`}),T=React__default.default.createElement(index$5,{enableColorPicker:E}),b=React__default.default.createElement(index$6.PointCloudOperation,null);return e?typeof e=="function"?React__default.default.createElement("div",{className:`${sidebarCls}`},e({toolIcon:u,attributeList:n,annotationText:d,toolStyle:c,imageAttributeInfo:s,operation:l,tagToolSideBar:v,textToolSideBar:p,horizontal:o,pointCloudToolSidebar:T,pointCloudOperation:b,scribbleSidebar:m})):e:[ToolType.EToolName.Rect,ToolType.EToolName.Point,ToolType.EToolName.Line,ToolType.EToolName.Rect,ToolType.EToolName.Polygon,ToolType.EToolName.Cuboid].includes(t)?React__default.default.createElement("div",{className:`${sidebarCls}`},u,o,n,d,o,React__default.default.createElement("div",{className:`${sidebarCls}__content`},c,s),l):t===ToolType.EToolName.Tag?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$1.default,null)):t===EVideoToolName.VideoTagTool?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$1.default,null)),l):t===ToolType.EToolName.Text?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement(index$4.default,null)):t===EPointCloudName.PointCloud?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},React__default.default.createElement(index$5,null)),React__default.default.createElement(index$6.PointCloudOperation,null)):t===ToolType.EToolName.ScribbleTool?React__default.default.createElement("div",{className:`${sidebarCls}`},React__default.default.createElement("div",{className:`${sidebarCls}__content`},m,n),l):null};exports.default=Sidebar,exports.sidebarCls=sidebarCls;

package/es/views/MainView/index.js

@@ -1 +1 @@
-import{ViewportProvider as _}from"../../components/customResizeHook/index.js";import{prefix as y}from"../../constant/index.js";import{Spin as E}from"antd";import{Layout as c}from"antd/es";import o from"react";import g from"./annotationOperation/index.js";import x from"./annotationTips/index.js";import h from"./sidebar/index.js";import s from"./toolFooter/index.js";import j from"./toolHeader/index.js";import{getStepConfig as w}from"../../store/annotation/reducer.js";import P from"../../components/videoAnnotate/index.js";import{connect as T}from"react-redux";import u from"../../utils/ToolUtils.js";import N from"../../components/pointCloudView/index.js";import{getClassName as C}from"../../utils/dom.js";import{classnames as O}from"../../utils/index.js";import{LabelBeeContext as S}from"../../store/ctx.js";import V from"../../components/predictTracking/previewResult/index.js";var A=Object.defineProperty,f=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,v=(e,t,n)=>t in e?A(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,m=(e,t)=>{for(var n in t||(t={}))b.call(t,n)&&v(e,n,t[n]);if(f)for(var n of f(t))F.call(t,n)&&v(e,n,t[n]);return e};const{Sider:L,Content:I}=c,d=`${y}-layout`,$=e=>{var t;return o.createElement(o.Fragment,null,e.showTips===!0&&o.createElement(x,{path:e.path,tips:e.tips}),o.createElement(g,m({},e)),o.createElement(s,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},k=e=>{var t;return o.createElement(o.Fragment,null,o.createElement(N,{drawLayerSlot:e.drawLayerSlot,checkMode:e.checkMode,intelligentFit:e.intelligentFit}),o.createElement(s,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},M=e=>{var t;const{stepList:n,step:r}=e,a=(t=w(n,r))==null?void 0:t.tool,i=u.isVideoTool(a),l=u.isPointCloudTool(a);return i?o.createElement(P,m({},e)):l?o.createElement(k,m({},e)):o.createElement($,m({},e))},R=e=>{var t,n,r,a,i;const l=(n=(t=e.style)==null?void 0:t.sider)==null?void 0:n.width;return o.createElement(_,null,o.createElement(E,{spinning:e.loading},o.createElement(c,{className:O([d,e.className]),style:(r=e.style)==null?void 0:r.layout},o.createElement("header",{className:`${d}__header`,style:(a=e.style)==null?void 0:a.header},o.createElement(j,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData})),o.createElement(c,{className:C("layout","container")},e==null?void 0:e.leftSider,o.createElement(I,{className:`${d}__content`},o.createElement(M,m({},e))),o.createElement(L,{className:`${d}__side`,width:l!=null?l:240,style:(i=e.style)==null?void 0:i.sider},o.createElement(h,{sider:e==null?void 0:e.sider})),o.createElement(V,null)))))},B=({annotation:e})=>{var t,n,r;const{imgList:a,loading:i}=e,l=(t=a[e.imgIndex])!=null?t:{};return{path:(r=(n=l==null?void 0:l.path)!=null?n:l==null?void 0:l.url)!=null?r:"",loading:i}};var H=T(B,null,null,{context:S})(R);export{H as default};
+import{ViewportProvider as _}from"../../components/customResizeHook/index.js";import{prefix as y}from"../../constant/index.js";import{Spin as E}from"antd";import{Layout as c}from"antd/es";import o from"react";import g from"./annotationOperation/index.js";import x from"./annotationTips/index.js";import h from"./sidebar/index.js";import s from"./toolFooter/index.js";import j from"./toolHeader/index.js";import{getStepConfig as w}from"../../store/annotation/reducer.js";import P from"../../components/videoAnnotate/index.js";import{connect as T}from"react-redux";import u from"../../utils/ToolUtils.js";import C from"../../components/pointCloudView/index.js";import{getClassName as N}from"../../utils/dom.js";import{classnames as O}from"../../utils/index.js";import{LabelBeeContext as S}from"../../store/ctx.js";import b from"../../components/predictTracking/previewResult/index.js";var V=Object.defineProperty,f=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,v=(e,t,n)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,m=(e,t)=>{for(var n in t||(t={}))A.call(t,n)&&v(e,n,t[n]);if(f)for(var n of f(t))k.call(t,n)&&v(e,n,t[n]);return e};const{Sider:F,Content:L}=c,d=`${y}-layout`,I=e=>{var t;return o.createElement(o.Fragment,null,e.showTips===!0&&o.createElement(x,{path:e.path,tips:e.tips}),o.createElement(g,m({},e)),o.createElement(s,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},$=e=>{var t;return o.createElement(o.Fragment,null,o.createElement(C,{drawLayerSlot:e.drawLayerSlot,checkMode:e.checkMode,intelligentFit:e.intelligentFit}),o.createElement(s,{style:(t=e.style)==null?void 0:t.footer,mode:e.mode,footer:e==null?void 0:e.footer}))},M=e=>{var t;const{stepList:n,step:r}=e,a=(t=w(n,r))==null?void 0:t.tool,i=u.isVideoTool(a),l=u.isPointCloudTool(a);return i?o.createElement(P,m({},e)):l?o.createElement($,m({},e)):o.createElement(I,m({},e))},R=e=>{var t,n,r,a,i;const l=(n=(t=e.style)==null?void 0:t.sider)==null?void 0:n.width;return o.createElement(_,null,o.createElement(E,{spinning:e.loading},o.createElement(c,{className:O([d,e.className]),style:(r=e.style)==null?void 0:r.layout},o.createElement("header",{className:`${d}__header`,style:(a=e.style)==null?void 0:a.header},o.createElement(j,{header:e==null?void 0:e.header,headerName:e.headerName,goBack:e.goBack,exportData:e.exportData})),o.createElement(c,{className:N("layout","container")},e==null?void 0:e.leftSider,o.createElement(L,{className:`${d}__content`},o.createElement(M,m({},e))),o.createElement(F,{className:`${d}__side`,width:l!=null?l:240,style:(i=e.style)==null?void 0:i.sider},o.createElement(h,{sider:e==null?void 0:e.sider,enableColorPicker:e==null?void 0:e.enableColorPicker})),o.createElement(b,null)))))},B=({annotation:e})=>{var t,n,r;const{imgList:a,loading:i}=e,l=(t=a[e.imgIndex])!=null?t:{};return{path:(r=(n=l==null?void 0:l.path)!=null?n:l==null?void 0:l.url)!=null?r:"",loading:i}};var H=T(B,null,null,{context:S})(R);export{H as default};

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

@@ -1 +1 @@
-import t,{useContext as S,useState as D,useEffect as A}from"react";import{EditFilled as J}from"@ant-design/icons";import{ToolIcons as $}from"../ToolIcons.js";import{cTool as q}from"@labelbee/lb-annotation";import{PointCloudContext as w}from"../../../../components/pointCloudView/PointCloudContext.js";import{Divider as L,Tag as G,Input as H,Select as V,message as k}from"antd";import K from"../../../../utils/StepUtils.js";import{connect as Q}from"react-redux";import{jsonParser as X}from"../../../../utils/index.js";import{useStatus as Y}from"../../../../components/pointCloudView/hooks/useStatus.js";import{useSingleBox as F}from"../../../../components/pointCloudView/hooks/useSingleBox.js";import{useTranslation as B}from"react-i18next";import{LabelBeeContext as Z,useDispatch as tt}from"../../../../store/ctx.js";import et from"./components/batchUpdateModal/index.js";import{PointCloudUtils as ot}from"@labelbee/lb-utils";import N from"../../../../components/attributeList/index.js";import{useAttribute as nt}from"../../../../components/pointCloudView/hooks/useAttribute.js";import{SetTaskStepList as lt}from"../../../../store/annotation/actionCreators.js";var rt=Object.defineProperty,it=Object.defineProperties,at=Object.getOwnPropertyDescriptors,U=Object.getOwnPropertySymbols,st=Object.prototype.hasOwnProperty,ut=Object.prototype.propertyIsEnumerable,M=(e,o,i)=>o in e?rt(e,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[o]=i,h=(e,o)=>{for(var i in o||(o={}))st.call(o,i)&&M(e,i,o[i]);if(U)for(var i of U(o))ut.call(o,i)&&M(e,i,o[i]);return e},T=(e,o)=>it(e,at(o));const ct=({imgList:e,imgIndex:o})=>{const i=S(w),[s,f]=D([]),{t:c}=B();A(()=>{const n=e;let a=new Map;f(ot.getAllPointCloudResult({imgList:n,extraBoxList:v,ignoreIndexList:[o]}).filter(l=>!l.trackID||a.get(l.trackID)?!1:(a.set(l.trackID,!0),!0)).sort((l,d)=>{var p,m;const b=(p=l==null?void 0:l.trackID)!=null?p:0,P=(m=d==null?void 0:d.trackID)!=null?m:0;return b-P}).map(l=>{var d;return(d=l==null?void 0:l.trackID)!=null?d:0}))},[i.pointCloudBoxList,e]);const{pointCloudBoxList:v}=i;return t.createElement("div",{style:{padding:24,borderBottom:"1px solid #eee"}},t.createElement("div",{style:{marginBottom:16}},c("AllTrackIDs")),t.createElement("div",null,s.map(n=>t.createElement(G,{color:"#F3F4FF",key:n,style:{color:"#666",marginBottom:8}},n))))},dt=()=>{const[e,o]=D(!1),{pointCloudBoxList:i}=S(w),{selectedBox:s,updateSelectedBox:f}=F(),[c,v]=D(""),{t:n}=B(),a=s==null?void 0:s.info.trackID,l=p=>!!i.find(b=>b.trackID===p&&b.id!==(s==null?void 0:s.info.id)),d=(p=!1)=>{const m=parseInt(c,10);if(p&&o(!1),isNaN(m)){k.error(n("PositiveIntegerCheck"));return}if(c.indexOf(".")>-1){k.error(n("NotAllowDecimalPointsInTrackID"));return}if(l(m)){k.error(n("DuplicateTrackIDsExist"));return}if(!(m>0)){k.error(n("PositiveIntegerCheck"));return}f({trackID:m})};return A(()=>{o(!1)},[a]),t.createElement("div",{style:{padding:24}},t.createElement("div",{style:{marginBottom:16,display:"flex",justifyContent:"space-between",alignItems:"center"}},t.createElement("span",null,n("CurrentBoxTrackIDs")),a&&t.createElement(et,{id:a})),t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e&&a?t.createElement(H,{defaultValue:a,onChange:p=>{v(p.target.value)},disabled:!a,size:"small",onBlur:()=>{d()},onPressEnter:()=>{d(!0)}}):t.createElement("span",null,a),t.createElement(J,{style:{color:"#999",marginLeft:16,cursor:typeof a!="undefined"?"pointer":"not-allowed"},onClick:()=>{a&&o(!e)}})))},pt=({attributeList:e,subAttributeList:o,toolInstance:i,config:s,stepList:f,stepInfo:c})=>{const{selectedBox:v}=F(),n=S(w),{t:a}=B(),{defaultAttribute:l}=nt(),d=tt(),p={fontWeight:500,fontSize:14,margin:"12px 0 8px 20px"},m={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},b=(r,x)=>{var C,I,y,E,u;const _=(C=s==null?void 0:s.attributeList)==null?void 0:C.map(g=>g.value===r?T(h({},g),{color:x}):g),O=T(h({},s),{attributeList:_}),W=JSON.stringify(O),R=f==null?void 0:f.map(g=>(g==null?void 0:g.step)===(c==null?void 0:c.step)?T(h({},g),{config:W}):g);(I=n==null?void 0:n.topViewInstance)==null||I.updateAttributeList(_),(y=n==null?void 0:n.sideViewInstance)==null||y.updateAttributeList(_),(E=n==null?void 0:n.backViewInstance)==null||E.updateAttributeList(_),(u=n==null?void 0:n.mainViewInstance)==null||u.setConfig(O),d(lt({stepList:R}))},P=r=>{i.setDefaultAttribute(r)},j=(r,x)=>{i.setSubAttribute(r,x)},z=e.map(r=>({label:r.key,value:r.value,color:r==null?void 0:r.color}));return t.createElement("div",null,t.createElement("div",{style:p},a("Attribute")),t.createElement(N,{list:z,forbidDefault:!0,selectedAttribute:l!=null?l:"",attributeChanged:r=>P(r),updateColorConfig:b,enableColorPicker:!0}),t.createElement(L,{style:{margin:0}}),v&&t.createElement(t.Fragment,null,o.map(r=>{var x,C,I,y,E;return(r==null?void 0:r.subSelected)&&t.createElement("div",{style:{marginTop:12},key:r.value},t.createElement("div",{style:m},a("SubAttribute"),"-",r.key),((x=r.subSelected)==null?void 0:x.length)<5?t.createElement(N,{list:r.subSelected.map(u=>({label:u.key,value:u.value})),selectedAttribute:(I=(C=n.selectedPointCloudBox)==null?void 0:C.subAttribute)==null?void 0:I[r.value],num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:u=>j(r.value,u),style:{marginBottom:12}}):t.createElement(V,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:(E=(y=n.selectedPointCloudBox)==null?void 0:y.subAttribute)==null?void 0:E[r.value],placeholder:a("PleaseSelect"),onChange:u=>j(r.value,u),allowClear:!0},r.subSelected.map(u=>t.createElement(V.Option,{key:u.value,value:u.value},u.key))),t.createElement(L,{style:{margin:0}}))})))},mt=({stepInfo:e,toolInstance:o,imgList:i,imgIndex:s,stepList:f})=>{var c,v;const{updatePointCloudPattern:n,pointCloudPattern:a}=Y(),l=X(e.config),d=(c=l==null?void 0:l.attributeList)!=null?c:[],p=(l==null?void 0:l.secondaryAttributeConfigurable)===!0?(v=l==null?void 0:l.inputList)!=null?v:[]:[];return t.createElement(t.Fragment,null,t.createElement($,{toolName:q.EPointCloudName.PointCloud,selectedToolName:a,onChange:m=>n==null?void 0:n(m)}),(l==null?void 0:l.trackConfigurable)===!0&&t.createElement(t.Fragment,null,t.createElement(ct,{imgList:i,imgIndex:s}),t.createElement(dt,null),t.createElement(L,{style:{margin:0}})),t.createElement(pt,{toolInstance:o,attributeList:d,subAttributeList:p,config:l,stepList:f,stepInfo:e}))},ft=e=>{var o,i,s,f;const c=K.getCurrentStepInfo((o=e.annotation)==null?void 0:o.step,(i=e.annotation)==null?void 0:i.stepList),v=(s=e.annotation)==null?void 0:s.toolInstance,n=(f=e.annotation)==null?void 0:f.stepList;return{stepInfo:c,toolInstance:v,imgList:e.annotation.imgList,imgIndex:e.annotation.imgIndex,stepList:n}};var vt=Q(ft,null,null,{context:Z})(mt);export{vt as default};
+import t,{useContext as P,useState as D,useEffect as A}from"react";import{EditFilled as $}from"@ant-design/icons";import{ToolIcons as q}from"../ToolIcons.js";import{cTool as G}from"@labelbee/lb-annotation";import{PointCloudContext as w}from"../../../../components/pointCloudView/PointCloudContext.js";import{Divider as L,Tag as H,Input as K,Select as V,message as k}from"antd";import Q from"../../../../utils/StepUtils.js";import{connect as X}from"react-redux";import{jsonParser as Y}from"../../../../utils/index.js";import{useStatus as Z}from"../../../../components/pointCloudView/hooks/useStatus.js";import{useSingleBox as F}from"../../../../components/pointCloudView/hooks/useSingleBox.js";import{useTranslation as B}from"react-i18next";import{LabelBeeContext as tt,useDispatch as et}from"../../../../store/ctx.js";import ot from"./components/batchUpdateModal/index.js";import{PointCloudUtils as nt}from"@labelbee/lb-utils";import N from"../../../../components/attributeList/index.js";import{useAttribute as lt}from"../../../../components/pointCloudView/hooks/useAttribute.js";import{SetTaskStepList as rt}from"../../../../store/annotation/actionCreators.js";var it=Object.defineProperty,at=Object.defineProperties,st=Object.getOwnPropertyDescriptors,U=Object.getOwnPropertySymbols,ut=Object.prototype.hasOwnProperty,ct=Object.prototype.propertyIsEnumerable,M=(e,o,r)=>o in e?it(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,h=(e,o)=>{for(var r in o||(o={}))ut.call(o,r)&&M(e,r,o[r]);if(U)for(var r of U(o))ct.call(o,r)&&M(e,r,o[r]);return e},T=(e,o)=>at(e,st(o));const dt=({imgList:e,imgIndex:o})=>{const r=P(w),[u,m]=D([]),{t:f}=B();A(()=>{const a=e;let n=new Map;m(nt.getAllPointCloudResult({imgList:a,extraBoxList:v,ignoreIndexList:[o]}).filter(s=>!s.trackID||n.get(s.trackID)?!1:(n.set(s.trackID,!0),!0)).sort((s,i)=>{var d,p;const g=(d=s==null?void 0:s.trackID)!=null?d:0,S=(p=i==null?void 0:i.trackID)!=null?p:0;return g-S}).map(s=>{var i;return(i=s==null?void 0:s.trackID)!=null?i:0}))},[r.pointCloudBoxList,e]);const{pointCloudBoxList:v}=r;return t.createElement("div",{style:{padding:24,borderBottom:"1px solid #eee"}},t.createElement("div",{style:{marginBottom:16}},f("AllTrackIDs")),t.createElement("div",null,u.map(a=>t.createElement(H,{color:"#F3F4FF",key:a,style:{color:"#666",marginBottom:8}},a))))},pt=()=>{const[e,o]=D(!1),{pointCloudBoxList:r}=P(w),{selectedBox:u,updateSelectedBox:m}=F(),[f,v]=D(""),{t:a}=B(),n=u==null?void 0:u.info.trackID,s=d=>!!r.find(g=>g.trackID===d&&g.id!==(u==null?void 0:u.info.id)),i=(d=!1)=>{const p=parseInt(f,10);if(d&&o(!1),isNaN(p)){k.error(a("PositiveIntegerCheck"));return}if(f.indexOf(".")>-1){k.error(a("NotAllowDecimalPointsInTrackID"));return}if(s(p)){k.error(a("DuplicateTrackIDsExist"));return}if(!(p>0)){k.error(a("PositiveIntegerCheck"));return}m({trackID:p})};return A(()=>{o(!1)},[n]),t.createElement("div",{style:{padding:24}},t.createElement("div",{style:{marginBottom:16,display:"flex",justifyContent:"space-between",alignItems:"center"}},t.createElement("span",null,a("CurrentBoxTrackIDs")),n&&t.createElement(ot,{id:n})),t.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e&&n?t.createElement(K,{defaultValue:n,onChange:d=>{v(d.target.value)},disabled:!n,size:"small",onBlur:()=>{i()},onPressEnter:()=>{i(!0)}}):t.createElement("span",null,n),t.createElement($,{style:{color:"#999",marginLeft:16,cursor:typeof n!="undefined"?"pointer":"not-allowed"},onClick:()=>{n&&o(!e)}})))},mt=({attributeList:e,subAttributeList:o,toolInstance:r,config:u,stepList:m,stepInfo:f,enableColorPicker:v})=>{const{selectedBox:a}=F(),n=P(w),{t:s}=B(),{defaultAttribute:i}=lt(),d=et(),p={fontWeight:500,fontSize:14,margin:"12px 0 8px 20px"},g={margin:"12px 20px 8px",fontSize:14,fontWeight:500,wordWrap:"break-word"},S=(l,b)=>{var C,I,y,E,c;const _=(C=u==null?void 0:u.attributeList)==null?void 0:C.map(x=>x.value===l?T(h({},x),{color:b}):x),O=T(h({},u),{attributeList:_}),R=JSON.stringify(O),J=m==null?void 0:m.map(x=>(x==null?void 0:x.step)===(f==null?void 0:f.step)?T(h({},x),{config:R}):x);(I=n==null?void 0:n.topViewInstance)==null||I.updateAttributeList(_),(y=n==null?void 0:n.sideViewInstance)==null||y.updateAttributeList(_),(E=n==null?void 0:n.backViewInstance)==null||E.updateAttributeList(_),(c=n==null?void 0:n.mainViewInstance)==null||c.setConfig(O),d(rt({stepList:J}))},z=l=>{r.setDefaultAttribute(l)},j=(l,b)=>{r.setSubAttribute(l,b)},W=e.map(l=>({label:l.key,value:l.value,color:l==null?void 0:l.color}));return t.createElement("div",null,t.createElement("div",{style:p},s("Attribute")),t.createElement(N,{list:W,forbidDefault:!0,selectedAttribute:i!=null?i:"",attributeChanged:l=>z(l),updateColorConfig:S,enableColorPicker:v}),t.createElement(L,{style:{margin:0}}),a&&t.createElement(t.Fragment,null,o.map(l=>{var b,C,I,y,E;return(l==null?void 0:l.subSelected)&&t.createElement("div",{style:{marginTop:12},key:l.value},t.createElement("div",{style:g},s("SubAttribute"),"-",l.key),((b=l.subSelected)==null?void 0:b.length)<5?t.createElement(N,{list:l.subSelected.map(c=>({label:c.key,value:c.value})),selectedAttribute:(I=(C=n.selectedPointCloudBox)==null?void 0:C.subAttribute)==null?void 0:I[l.value],num:"-",forbidColor:!0,forbidDefault:!0,attributeChanged:c=>j(l.value,c),style:{marginBottom:12}}):t.createElement(V,{style:{margin:"0px 21px 17px 16px",width:"87%"},value:(E=(y=n.selectedPointCloudBox)==null?void 0:y.subAttribute)==null?void 0:E[l.value],placeholder:s("PleaseSelect"),onChange:c=>j(l.value,c),allowClear:!0},l.subSelected.map(c=>t.createElement(V.Option,{key:c.value,value:c.value},c.key))),t.createElement(L,{style:{margin:0}}))})))},ft=({stepInfo:e,toolInstance:o,imgList:r,imgIndex:u,stepList:m,enableColorPicker:f})=>{var v,a;const{updatePointCloudPattern:n,pointCloudPattern:s}=Z(),i=Y(e.config),d=(v=i==null?void 0:i.attributeList)!=null?v:[],p=(i==null?void 0:i.secondaryAttributeConfigurable)===!0?(a=i==null?void 0:i.inputList)!=null?a:[]:[];return t.createElement(t.Fragment,null,t.createElement(q,{toolName:G.EPointCloudName.PointCloud,selectedToolName:s,onChange:g=>n==null?void 0:n(g)}),(i==null?void 0:i.trackConfigurable)===!0&&t.createElement(t.Fragment,null,t.createElement(dt,{imgList:r,imgIndex:u}),t.createElement(pt,null),t.createElement(L,{style:{margin:0}})),t.createElement(mt,{toolInstance:o,attributeList:d,subAttributeList:p,config:i,stepList:m,stepInfo:e,enableColorPicker:f}))},vt=e=>{var o,r,u,m;const f=Q.getCurrentStepInfo((o=e.annotation)==null?void 0:o.step,(r=e.annotation)==null?void 0:r.stepList),v=(u=e.annotation)==null?void 0:u.toolInstance,a=(m=e.annotation)==null?void 0:m.stepList;return{stepInfo:f,toolInstance:v,imgList:e.annotation.imgList,imgIndex:e.annotation.imgIndex,stepList:a}};var gt=X(vt,null,null,{context:tt})(ft);export{gt as default};

package/es/views/MainView/sidebar/index.js

@@ -1 +1 @@
-import{prefix as y}from"../../../constant/index.js";import{EToolName as n}from"../../../data/enums/ToolType.js";import P from"../../../utils/StepUtils.js";import{Collapse as m}from"antd/es";import e from"react";import{useTranslation as h}from"react-i18next";import L from"./AnnotationText/index.js";import O from"./ClearIcon/index.js";import R,{PointCloudOperation as x}from"./GeneralOperation/index.js";import w from"./ImgAttributeInfo/index.js";import z from"./SwitchAttributeList/index.js";import s,{expandIconFuc as N}from"./TagSidebar/index.js";import g from"./TextToolSidebar/index.js";import I from"./PointCloudToolSidebar/index.js";import B from"./ToolStyle/index.js";import{cTool as G}from"@labelbee/lb-annotation";import K from"./ScribbleSidebar/index.js";import{ToolIcons as U}from"./ToolIcons.js";import{useSelector as V}from"../../../store/ctx.js";const{EVideoToolName:k,EPointCloudName:F}=G,{Panel:j}=m,t=`${y}-sidebar`,q=({sider:r})=>{const d=V(l=>P.getCurrentStepInfo(l.annotation.step,l.annotation.stepList)),o=d==null?void 0:d.tool,{t:u}=h();if(!o)return null;const v=l=>{const S=e.createElement(B,null);return e.createElement(j,{header:u("Style"),className:"panel",key:l},S)},p=e.createElement(U,{toolName:o,onChange:()=>{}}),i=e.createElement(z,null),f=e.createElement(L,null),E=e.createElement(m,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:N},v("1")),b=e.createElement(m,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:N},e.createElement(j,{header:e.createElement("div",null,u("Adjust"),e.createElement(O,null)),className:"panel",key:"imgAttribute"},e.createElement(w,null))),a=e.createElement(R,null),C=e.createElement(s,null),$=e.createElement(g,null),T=e.createElement(K,{onChange:(l,S)=>{}}),c=e.createElement("div",{className:`${t}__horizontal`}),_=e.createElement(I,null),A=e.createElement(x,null);return r?typeof r=="function"?e.createElement("div",{className:`${t}`},r({toolIcon:p,attributeList:i,annotationText:f,toolStyle:E,imageAttributeInfo:b,operation:a,tagToolSideBar:C,textToolSideBar:$,horizontal:c,pointCloudToolSidebar:_,pointCloudOperation:A,scribbleSidebar:T})):r:[n.Rect,n.Point,n.Line,n.Rect,n.Polygon,n.Cuboid].includes(o)?e.createElement("div",{className:`${t}`},p,c,i,f,c,e.createElement("div",{className:`${t}__content`},E,b),a):o===n.Tag?e.createElement("div",{className:`${t}`},e.createElement(s,null)):o===k.VideoTagTool?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},e.createElement(s,null)),a):o===n.Text?e.createElement("div",{className:`${t}`},e.createElement(g,null)):o===F.PointCloud?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},e.createElement(I,null)),e.createElement(x,null)):o===n.ScribbleTool?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},T,i),a):null};export{q as default,t as sidebarCls};
+import{prefix as P}from"../../../constant/index.js";import{EToolName as n}from"../../../data/enums/ToolType.js";import h from"../../../utils/StepUtils.js";import{Collapse as m}from"antd/es";import e from"react";import{useTranslation as L}from"react-i18next";import O from"./AnnotationText/index.js";import R from"./ClearIcon/index.js";import w,{PointCloudOperation as x}from"./GeneralOperation/index.js";import z from"./ImgAttributeInfo/index.js";import B from"./SwitchAttributeList/index.js";import s,{expandIconFuc as N}from"./TagSidebar/index.js";import g from"./TextToolSidebar/index.js";import I from"./PointCloudToolSidebar/index.js";import G from"./ToolStyle/index.js";import{cTool as K}from"@labelbee/lb-annotation";import U from"./ScribbleSidebar/index.js";import{ToolIcons as V}from"./ToolIcons.js";import{useSelector as k}from"../../../store/ctx.js";const{EVideoToolName:F,EPointCloudName:q}=K,{Panel:j}=m,t=`${P}-sidebar`,D=({sider:r,enableColorPicker:v})=>{const d=k(l=>h.getCurrentStepInfo(l.annotation.step,l.annotation.stepList)),o=d==null?void 0:d.tool,{t:u}=L();if(!o)return null;const C=l=>{const S=e.createElement(G,null);return e.createElement(j,{header:u("Style"),className:"panel",key:l},S)},p=e.createElement(V,{toolName:o,onChange:()=>{}}),i=e.createElement(B,null),f=e.createElement(O,null),E=e.createElement(m,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:N},C("1")),b=e.createElement(m,{defaultActiveKey:["1","imgAttribute"],bordered:!1,expandIconPosition:"right",className:`${t}__content`,expandIcon:N},e.createElement(j,{header:e.createElement("div",null,u("Adjust"),e.createElement(R,null)),className:"panel",key:"imgAttribute"},e.createElement(z,null))),a=e.createElement(w,null),$=e.createElement(s,null),_=e.createElement(g,null),T=e.createElement(U,{onChange:(l,S)=>{}}),c=e.createElement("div",{className:`${t}__horizontal`}),A=e.createElement(I,{enableColorPicker:v}),y=e.createElement(x,null);return r?typeof r=="function"?e.createElement("div",{className:`${t}`},r({toolIcon:p,attributeList:i,annotationText:f,toolStyle:E,imageAttributeInfo:b,operation:a,tagToolSideBar:$,textToolSideBar:_,horizontal:c,pointCloudToolSidebar:A,pointCloudOperation:y,scribbleSidebar:T})):r:[n.Rect,n.Point,n.Line,n.Rect,n.Polygon,n.Cuboid].includes(o)?e.createElement("div",{className:`${t}`},p,c,i,f,c,e.createElement("div",{className:`${t}__content`},E,b),a):o===n.Tag?e.createElement("div",{className:`${t}`},e.createElement(s,null)):o===F.VideoTagTool?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},e.createElement(s,null)),a):o===n.Text?e.createElement("div",{className:`${t}`},e.createElement(g,null)):o===q.PointCloud?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},e.createElement(I,null)),e.createElement(x,null)):o===n.ScribbleTool?e.createElement("div",{className:`${t}`},e.createElement("div",{className:`${t}__content`},T,i),a):null};export{D as default,t as sidebarCls};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.10.0-alpha.19",
+  "version": "1.10.0-alpha.20",
   "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.14.0-alpha.18",
+    "@labelbee/lb-annotation": "1.14.0-alpha.19",
     "@labelbee/lb-utils": "1.7.0-alpha.9",
     "ahooks": "^3.4.0",
     "classnames": "^2.3.0",