@labelbee/lb-components 1.10.0-alpha.2 → 1.10.0-alpha.3

package/es/components/pointCloudView/PointCloudContext.js

@@ -1 +1,248 @@
-import M,{useState as o,useRef as lt,useMemo as N,useEffect as dt}from"react";import{ActionsHistory as T,EToolName as j}from"@labelbee/lb-annotation";const z=M.createContext({pointCloudBoxList:[],pointCloudSphereList:[],displayPointCloudList:[],displaySphereList:[],polygonList:[],lineList:[],selectedID:"",selectedIDs:[],valid:!0,setSelectedIDs:()=>{},setPointCloudResult:()=>{},setPointCloudSphereList:()=>{},setPointCloudValid:()=>{},setTopViewInstance:()=>{},setSideViewInstance:()=>{},setBackViewInstance:()=>{},setMainViewInstance:()=>{},addSelectedID:()=>{},selectedAllBoxes:()=>{},addPointCloudBox:()=>[],addPointCloudSphere:()=>[],setPolygonList:()=>{},setLineList:()=>{},zoom:1,setZoom:()=>{},history:new T,hideAttributes:[],setHideAttributes:()=>{},toggleAttributesVisible:()=>{},reRender:()=>{},setAttrPanelLayout:()=>{},attrPanelLayout:"",syncAllViewPointCloudColor:()=>{},defaultAttribute:"",setDefaultAttribute:()=>{},pointCloudPattern:j.Rect,setPointCloudPattern:()=>{},selectSpecAttr:()=>{}}),rt=({children:F})=>{const[d,h]=o([]),[a,m]=o([]),[f,Z]=o([]),[L,q]=o([]),[r,A]=o([]),[y,G]=o(!0),[w,J]=o(1),[i,K]=o(),[I,Q]=o(),[V,U]=o(),[n,W]=o(),[g,X]=o(""),[x,Y]=o(j.Rect),$=lt(new T).current,[l,v]=o([]),[B,_]=o(""),R=N(()=>r.length===1?r[0]:"",[r]),D=N(()=>{const c=d.find(t=>t.id===R),S=t=>{const e=d.concat(t);return h(e),e},b=t=>{const e=a.concat(t);return m(e),e},P=t=>{G(t!==!1)},s=t=>{t===void 0&&A([]),typeof t=="string"&&A([t]),Array.isArray(t)&&A(Array.from(new Set(t)))},et=t=>{r.includes(t)?s(r.filter(e=>e!==t)):s([...r,t])},ot=()=>{s(d.map(t=>t.id))},nt=t=>{s(d.filter(e=>e.attribute===t).map(e=>e.id))},E=d.filter(t=>!l.includes(t.attribute)),H=a.filter(t=>!l.includes(t.attribute)),it=t=>{if(l.includes(t))v(l.filter(e=>e!==t));else{const e=l.concat(t);v(e)}},st=(t=E,e=f,C=H,p=L)=>{d.forEach(u=>{n==null||n.removeObjectByName(u.id)}),a.forEach(u=>{n==null||n.removeObjectByName(u.id)}),i==null||i.updatePolygonList(t,e),i==null||i.updatePointList(C),i==null||i.updateLineList(p),n==null||n.generateBoxes(t),n==null||n.generateSpheres(C),O(t)},O=t=>{const e=n==null?void 0:n.highlightOriginPointCloud(t);return new Promise(C=>{e==null||e.then(p=>{[i].forEach(u=>{var k;p&&((k=u==null?void 0:u.pointCloudInstance)==null||k.updateColor(p),C({color:p}))})})})};return{selectedID:R,pointCloudBoxList:d,pointCloudSphereList:a,displayPointCloudList:E,displaySphereList:H,selectedIDs:r,setPointCloudResult:h,setSelectedIDs:s,addPointCloudBox:S,addPointCloudSphere:b,setPointCloudSphereList:m,valid:y,selectedPointCloudBox:c,setPointCloudValid:P,addSelectedID:et,selectedAllBoxes:ot,topViewInstance:i,setTopViewInstance:K,sideViewInstance:I,setSideViewInstance:Q,backViewInstance:V,setBackViewInstance:U,mainViewInstance:n,setMainViewInstance:W,polygonList:f,setPolygonList:Z,lineList:L,setLineList:q,zoom:w,setZoom:J,history:$,toggleAttributesVisible:it,hideAttributes:l,setHideAttributes:v,reRender:st,attrPanelLayout:B,setAttrPanelLayout:_,syncAllViewPointCloudColor:O,defaultAttribute:g,setDefaultAttribute:X,pointCloudPattern:x,setPointCloudPattern:Y,selectSpecAttr:nt}},[y,r,d,a,f,L,i,I,V,n,w,l,B,g,x]),tt=()=>{const c=d.filter(s=>l.includes(s.attribute)),{setSelectedIDs:S,reRender:b}=D,P=c.map(s=>s.id);P.length>0&&S(r.filter(s=>!P.includes(s))),b()};return dt(()=>{var c;tt(),(c=i==null?void 0:i.pointCloud2dOperation)==null||c.setHiddenAttributes(l)},[l]),M.createElement(z.Provider,{value:D},F)};export{z as PointCloudContext,rt as PointCloudProvider};
+import React, { useState, useRef, useMemo, useEffect } from 'react';
+import { ActionsHistory, EToolName } from '@labelbee/lb-annotation';
+
+const PointCloudContext = React.createContext({
+  pointCloudBoxList: [],
+  pointCloudSphereList: [],
+  displayPointCloudList: [],
+  displaySphereList: [],
+  polygonList: [],
+  lineList: [],
+  selectedID: "",
+  selectedIDs: [],
+  valid: true,
+  setSelectedIDs: () => {
+  },
+  setPointCloudResult: () => {
+  },
+  setPointCloudSphereList: () => {
+  },
+  setPointCloudValid: () => {
+  },
+  setTopViewInstance: () => {
+  },
+  setSideViewInstance: () => {
+  },
+  setBackViewInstance: () => {
+  },
+  setMainViewInstance: () => {
+  },
+  addSelectedID: () => {
+  },
+  selectedAllBoxes: () => {
+  },
+  addPointCloudBox: () => {
+    return [];
+  },
+  addPointCloudSphere: () => {
+    return [];
+  },
+  setPolygonList: () => {
+  },
+  setLineList: () => {
+  },
+  zoom: 1,
+  setZoom: () => {
+  },
+  history: new ActionsHistory(),
+  hideAttributes: [],
+  setHideAttributes: () => {
+  },
+  toggleAttributesVisible: () => {
+  },
+  reRender: () => {
+  },
+  setAttrPanelLayout: () => {
+  },
+  attrPanelLayout: "",
+  syncAllViewPointCloudColor: () => {
+  },
+  defaultAttribute: "",
+  setDefaultAttribute: () => {
+  },
+  pointCloudPattern: EToolName.Rect,
+  setPointCloudPattern: () => {
+  },
+  selectSpecAttr: () => {
+  }
+});
+const PointCloudProvider = ({children}) => {
+  const [pointCloudBoxList, setPointCloudResult] = useState([]);
+  const [pointCloudSphereList, setPointCloudSphereList] = useState([]);
+  const [polygonList, setPolygonList] = useState([]);
+  const [lineList, setLineList] = useState([]);
+  const [selectedIDs, setSelectedIDsState] = useState([]);
+  const [valid, setValid] = useState(true);
+  const [zoom, setZoom] = useState(1);
+  const [topViewInstance, setTopViewInstance] = useState();
+  const [sideViewInstance, setSideViewInstance] = useState();
+  const [backViewInstance, setBackViewInstance] = useState();
+  const [mainViewInstance, setMainViewInstance] = useState();
+  const [defaultAttribute, setDefaultAttribute] = useState("");
+  const [pointCloudPattern, setPointCloudPattern] = useState(EToolName.Rect);
+  const history = useRef(new ActionsHistory()).current;
+  const [hideAttributes, setHideAttributes] = useState([]);
+  const [attrPanelLayout, setAttrPanelLayout] = useState("");
+  const selectedID = useMemo(() => {
+    return selectedIDs.length === 1 ? selectedIDs[0] : "";
+  }, [selectedIDs]);
+  const ptCtx = useMemo(() => {
+    const selectedPointCloudBox = pointCloudBoxList.find((v) => v.id === selectedID);
+    const addPointCloudBox = (box) => {
+      const newPointCloudList = pointCloudBoxList.concat(box);
+      setPointCloudResult(newPointCloudList);
+      return newPointCloudList;
+    };
+    const addPointCloudSphere = (sphere) => {
+      const newSphereList = pointCloudSphereList.concat(sphere);
+      setPointCloudSphereList(newSphereList);
+      return newSphereList;
+    };
+    const setPointCloudValid = (valid2) => {
+      setValid(valid2 === false ? false : true);
+    };
+    const setSelectedIDs = (selectedIDs2) => {
+      if (selectedIDs2 === void 0) {
+        setSelectedIDsState([]);
+      }
+      if (typeof selectedIDs2 === "string") {
+        setSelectedIDsState([selectedIDs2]);
+      }
+      if (Array.isArray(selectedIDs2)) {
+        setSelectedIDsState(Array.from(new Set(selectedIDs2)));
+      }
+    };
+    const addSelectedID = (selectedID2) => {
+      if (selectedIDs.includes(selectedID2)) {
+        setSelectedIDs(selectedIDs.filter((i) => i !== selectedID2));
+      } else {
+        setSelectedIDs([...selectedIDs, selectedID2]);
+      }
+    };
+    const selectedAllBoxes = () => {
+      setSelectedIDs(pointCloudBoxList.map((i) => i.id));
+    };
+    const selectSpecAttr = (attr) => {
+      setSelectedIDs(pointCloudBoxList.filter((i) => i.attribute === attr).map((i) => i.id));
+    };
+    const displayPointCloudList = pointCloudBoxList.filter((i) => !hideAttributes.includes(i.attribute));
+    const displaySphereList = pointCloudSphereList.filter((i) => !hideAttributes.includes(i.attribute));
+    const toggleAttributesVisible = (tAttribute) => {
+      if (hideAttributes.includes(tAttribute)) {
+        setHideAttributes(hideAttributes.filter((attribute) => attribute !== tAttribute));
+      } else {
+        const updatedHideAttributes = hideAttributes.concat(tAttribute);
+        setHideAttributes(updatedHideAttributes);
+      }
+    };
+    const reRender = (_displayPointCloudList = displayPointCloudList, _polygonList = polygonList, _displaySphereList = displaySphereList, _lineList = lineList) => {
+      pointCloudBoxList.forEach((v) => {
+        mainViewInstance == null ? void 0 : mainViewInstance.removeObjectByName(v.id);
+      });
+      pointCloudSphereList.forEach((v) => {
+        mainViewInstance == null ? void 0 : mainViewInstance.removeObjectByName(v.id);
+      });
+      topViewInstance == null ? void 0 : topViewInstance.updatePolygonList(_displayPointCloudList, _polygonList);
+      topViewInstance == null ? void 0 : topViewInstance.updatePointList(_displaySphereList);
+      topViewInstance == null ? void 0 : topViewInstance.updateLineList(_lineList);
+      mainViewInstance == null ? void 0 : mainViewInstance.generateBoxes(_displayPointCloudList);
+      mainViewInstance == null ? void 0 : mainViewInstance.generateSpheres(_displaySphereList);
+      syncAllViewPointCloudColor(_displayPointCloudList);
+    };
+    const syncAllViewPointCloudColor = (pointCloudList) => {
+      const colorPromise = mainViewInstance == null ? void 0 : mainViewInstance.highlightOriginPointCloud(pointCloudList);
+      return new Promise((resolve) => {
+        colorPromise == null ? void 0 : colorPromise.then((color) => {
+          [topViewInstance].forEach((instance) => {
+            var _a;
+            if (color) {
+              (_a = instance == null ? void 0 : instance.pointCloudInstance) == null ? void 0 : _a.updateColor(color);
+              resolve({color});
+            }
+          });
+        });
+      });
+    };
+    return {
+      selectedID,
+      pointCloudBoxList,
+      pointCloudSphereList,
+      displayPointCloudList,
+      displaySphereList,
+      selectedIDs,
+      setPointCloudResult,
+      setSelectedIDs,
+      addPointCloudBox,
+      addPointCloudSphere,
+      setPointCloudSphereList,
+      valid,
+      selectedPointCloudBox,
+      setPointCloudValid,
+      addSelectedID,
+      selectedAllBoxes,
+      topViewInstance,
+      setTopViewInstance,
+      sideViewInstance,
+      setSideViewInstance,
+      backViewInstance,
+      setBackViewInstance,
+      mainViewInstance,
+      setMainViewInstance,
+      polygonList,
+      setPolygonList,
+      lineList,
+      setLineList,
+      zoom,
+      setZoom,
+      history,
+      toggleAttributesVisible,
+      hideAttributes,
+      setHideAttributes,
+      reRender,
+      attrPanelLayout,
+      setAttrPanelLayout,
+      syncAllViewPointCloudColor,
+      defaultAttribute,
+      setDefaultAttribute,
+      pointCloudPattern,
+      setPointCloudPattern,
+      selectSpecAttr
+    };
+  }, [
+    valid,
+    selectedIDs,
+    pointCloudBoxList,
+    pointCloudSphereList,
+    polygonList,
+    lineList,
+    topViewInstance,
+    sideViewInstance,
+    backViewInstance,
+    mainViewInstance,
+    zoom,
+    hideAttributes,
+    attrPanelLayout,
+    defaultAttribute,
+    pointCloudPattern
+  ]);
+  const updateSelectedIDsAndRenderAfterHide = () => {
+    const pointCloudForFilteredList = pointCloudBoxList.filter((i) => hideAttributes.includes(i.attribute));
+    const {setSelectedIDs, reRender} = ptCtx;
+    const filteredIDs = pointCloudForFilteredList.map((i) => i.id);
+    if (filteredIDs.length > 0) {
+      setSelectedIDs(selectedIDs.filter((id) => !filteredIDs.includes(id)));
+    }
+    reRender();
+  };
+  useEffect(() => {
+    var _a;
+    updateSelectedIDsAndRenderAfterHide();
+    (_a = topViewInstance == null ? void 0 : topViewInstance.pointCloud2dOperation) == null ? void 0 : _a.setHiddenAttributes(hideAttributes);
+  }, [hideAttributes]);
+  return /* @__PURE__ */ React.createElement(PointCloudContext.Provider, {
+    value: ptCtx
+  }, children);
+};
+
+export { PointCloudContext, PointCloudProvider };
+//# sourceMappingURL=PointCloudContext.js.map

package/es/components/pointCloudView/PointCloudContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudContext.js","sources":["../../../src/components/pointCloudView/PointCloudContext.tsx"],"sourcesContent":["import {\n  IPointCloudBox,\n  IPointCloudBoxList,\n  IPolygonData,\n  IPointCloudSphereList,\n  IPointCloudSphere,\n  ILine,\n} from '@labelbee/lb-utils';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  PointCloud,\n  PointCloudAnnotation,\n  ActionsHistory,\n  EToolName,\n} from '@labelbee/lb-annotation';\n\ninterface IPointCloudContextInstances {\n  topViewInstance?: PointCloudAnnotation;\n  sideViewInstance?: PointCloudAnnotation;\n  backViewInstance?: PointCloudAnnotation;\n  mainViewInstance?: PointCloud;\n  setTopViewInstance: (instance: PointCloudAnnotation) => void;\n  setSideViewInstance: (instance: PointCloudAnnotation) => void;\n  setBackViewInstance: (instance: PointCloudAnnotation) => void;\n  setMainViewInstance: (instance: PointCloud) => void;\n}\n\ntype AttrPanelLayout = '' | 'left' | 'right';\n\nexport interface IPointCloudContext extends IPointCloudContextInstances {\n  pointCloudBoxList: IPointCloudBoxList;\n  pointCloudSphereList: IPointCloudSphereList;\n  displayPointCloudList: IPointCloudBoxList;\n  displaySphereList: IPointCloudSphereList;\n  selectedIDs: string[];\n  setSelectedIDs: (ids?: string[] | string) => void;\n  valid: boolean;\n  setPointCloudResult: (resultList: IPointCloudBoxList) => void;\n  setPointCloudSphereList: (sphereList: IPointCloudSphereList) => void;\n  selectedPointCloudBox?: IPointCloudBox;\n  setPointCloudValid: (valid?: boolean) => void;\n  addSelectedID: (selectedID: string) => void;\n  selectedAllBoxes: () => void;\n  selectedID: string;\n  addPointCloudBox: (boxParams: IPointCloudBox) => IPointCloudBox[];\n  addPointCloudSphere: (sphereParams: IPointCloudSphere) => IPointCloudSphere[];\n\n  polygonList: IPolygonData[];\n  setPolygonList: (polygonList: IPolygonData[]) => void;\n\n  lineList: ILine[];\n  setLineList: (lineList: ILine[]) => void;\n\n  zoom: number;\n  setZoom: (zoom: number) => void;\n\n  history: ActionsHistory; // Operation History\n  hideAttributes: string[];\n  setHideAttributes: (hideAttrs: string[]) => void;\n  toggleAttributesVisible: (attribute: string) => void;\n  reRender: (\n    _displayPointCloudList: IPointCloudBoxList,\n    _polygonList: IPolygonData[],\n    _displaySphereList: IPointCloudSphereList,\n    _lineList: ILine[],\n  ) => void;\n  attrPanelLayout: AttrPanelLayout;\n  setAttrPanelLayout: (layout: AttrPanelLayout) => void;\n\n  syncAllViewPointCloudColor: (newPointCloudList?: IPointCloudBox[]) => void;\n\n  defaultAttribute: string;\n  setDefaultAttribute: (defaultAttribute: string) => void;\n\n  pointCloudPattern: EToolName.Rect | EToolName.Polygon | EToolName.Point | EToolName.Line;\n  setPointCloudPattern: (\n    toolName: EToolName.Rect | EToolName.Polygon | EToolName.Point | EToolName.Line,\n  ) => void;\n  selectSpecAttr: (attr: string) => void;\n}\n\nexport const PointCloudContext = React.createContext<IPointCloudContext>({\n  pointCloudBoxList: [],\n  pointCloudSphereList: [],\n  displayPointCloudList: [],\n  displaySphereList: [],\n  polygonList: [],\n  lineList: [],\n  selectedID: '',\n  selectedIDs: [],\n  valid: true,\n  setSelectedIDs: () => {},\n  setPointCloudResult: () => {},\n  setPointCloudSphereList: () => {},\n  setPointCloudValid: () => {},\n  setTopViewInstance: () => {},\n  setSideViewInstance: () => {},\n  setBackViewInstance: () => {},\n  setMainViewInstance: () => {},\n  addSelectedID: () => {},\n  selectedAllBoxes: () => {},\n  addPointCloudBox: () => {\n    return [];\n  },\n  addPointCloudSphere: () => {\n    return [];\n  },\n  setPolygonList: () => {},\n  setLineList: () => {},\n\n  zoom: 1,\n  setZoom: () => {},\n  history: new ActionsHistory(),\n  hideAttributes: [],\n  setHideAttributes: () => {},\n  toggleAttributesVisible: () => {},\n  reRender: () => {},\n  setAttrPanelLayout: () => {},\n  attrPanelLayout: '',\n  syncAllViewPointCloudColor: () => {},\n\n  defaultAttribute: '',\n  setDefaultAttribute: () => {},\n\n  pointCloudPattern: EToolName.Rect,\n  setPointCloudPattern: () => {},\n  selectSpecAttr: () => {},\n});\n\nexport const PointCloudProvider: React.FC<{}> = ({ children }) => {\n  const [pointCloudBoxList, setPointCloudResult] = useState<IPointCloudBoxList>([]);\n  const [pointCloudSphereList, setPointCloudSphereList] = useState<IPointCloudSphereList>([]);\n  const [polygonList, setPolygonList] = useState<IPolygonData[]>([]);\n  const [lineList, setLineList] = useState<ILine[]>([]);\n  const [selectedIDs, setSelectedIDsState] = useState<string[]>([]);\n  const [valid, setValid] = useState<boolean>(true);\n  const [zoom, setZoom] = useState<number>(1);\n  const [topViewInstance, setTopViewInstance] = useState<PointCloudAnnotation>();\n  const [sideViewInstance, setSideViewInstance] = useState<PointCloudAnnotation>();\n  const [backViewInstance, setBackViewInstance] = useState<PointCloudAnnotation>();\n  const [mainViewInstance, setMainViewInstance] = useState<PointCloud>();\n  const [defaultAttribute, setDefaultAttribute] = useState('');\n  const [pointCloudPattern, setPointCloudPattern] = useState<\n    EToolName.Rect | EToolName.Polygon | EToolName.Point | EToolName.Line\n  >(EToolName.Rect);\n  const history = useRef(new ActionsHistory()).current;\n  const [hideAttributes, setHideAttributes] = useState<string[]>([]);\n  const [attrPanelLayout, setAttrPanelLayout] = useState<AttrPanelLayout>('');\n\n  const selectedID = useMemo(() => {\n    return selectedIDs.length === 1 ? selectedIDs[0] : '';\n  }, [selectedIDs]);\n\n  const ptCtx = useMemo(() => {\n    const selectedPointCloudBox = pointCloudBoxList.find((v) => v.id === selectedID);\n\n    const addPointCloudBox = (box: IPointCloudBox) => {\n      const newPointCloudList = pointCloudBoxList.concat(box);\n      setPointCloudResult(newPointCloudList);\n      return newPointCloudList;\n    };\n\n    const addPointCloudSphere = (sphere: IPointCloudSphere) => {\n      const newSphereList = pointCloudSphereList.concat(sphere);\n      setPointCloudSphereList(newSphereList);\n      return newSphereList;\n    };\n\n    const setPointCloudValid = (valid?: boolean) => {\n      setValid(valid === false ? false : true);\n    };\n\n    const setSelectedIDs = (selectedIDs?: string[] | string) => {\n      if (selectedIDs === undefined) {\n        setSelectedIDsState([]);\n      }\n\n      if (typeof selectedIDs === 'string') {\n        setSelectedIDsState([selectedIDs]);\n      }\n\n      if (Array.isArray(selectedIDs)) {\n        setSelectedIDsState(Array.from(new Set(selectedIDs)));\n      }\n    };\n\n    /**\n     * If selectedID existed, remove selectedID from selectedIDs\n     * If selectedID not existed, add selectedID to selectedIDs\n     * @param selectedID\n     */\n    const addSelectedID = (selectedID: string) => {\n      if (selectedIDs.includes(selectedID)) {\n        setSelectedIDs(selectedIDs.filter((i) => i !== selectedID));\n      } else {\n        setSelectedIDs([...selectedIDs, selectedID]);\n      }\n    };\n\n    const selectedAllBoxes = () => {\n      setSelectedIDs(pointCloudBoxList.map((i) => i.id));\n    };\n\n    const selectSpecAttr = (attr: string) => {\n      setSelectedIDs(pointCloudBoxList.filter((i) => i.attribute === attr).map((i) => i.id));\n    };\n\n    const displayPointCloudList = pointCloudBoxList.filter(\n      (i) => !hideAttributes.includes(i.attribute),\n    );\n\n    const displaySphereList = pointCloudSphereList.filter(\n      (i) => !hideAttributes.includes(i.attribute),\n    );\n\n    const toggleAttributesVisible = (tAttribute: string) => {\n      if (hideAttributes.includes(tAttribute)) {\n        setHideAttributes(hideAttributes.filter((attribute) => attribute !== tAttribute));\n      } else {\n        const updatedHideAttributes = hideAttributes.concat(tAttribute);\n        setHideAttributes(updatedHideAttributes);\n      }\n    };\n\n    const reRender = (\n      _displayPointCloudList: IPointCloudBoxList = displayPointCloudList,\n      _polygonList: IPolygonData[] = polygonList,\n      _displaySphereList: IPointCloudSphereList = displaySphereList,\n      _lineList: ILine[] = lineList,\n    ) => {\n      pointCloudBoxList.forEach((v) => {\n        mainViewInstance?.removeObjectByName(v.id);\n      });\n\n      pointCloudSphereList.forEach((v) => {\n        mainViewInstance?.removeObjectByName(v.id);\n      });\n\n      topViewInstance?.updatePolygonList(_displayPointCloudList, _polygonList);\n      topViewInstance?.updatePointList(_displaySphereList);\n      topViewInstance?.updateLineList(_lineList);\n      mainViewInstance?.generateBoxes(_displayPointCloudList);\n      mainViewInstance?.generateSpheres(_displaySphereList);\n      syncAllViewPointCloudColor(_displayPointCloudList);\n    };\n\n    /**\n     * Synchronize the highlighted pointCloud for all views.\n     * @param pointCloudList\n     */\n\n    const syncAllViewPointCloudColor = (pointCloudList?: IPointCloudBox[]) => {\n      const colorPromise = mainViewInstance?.highlightOriginPointCloud(pointCloudList);\n      return new Promise((resolve) => {\n        colorPromise?.then((color) => {\n          [topViewInstance].forEach((instance) => {\n            if (color) {\n              instance?.pointCloudInstance?.updateColor(color);\n              resolve({ color });\n            }\n          });\n          // TODO： Sync sideView & backView Color.\n        });\n      });\n    };\n\n    return {\n      selectedID,\n      pointCloudBoxList,\n      pointCloudSphereList,\n      displayPointCloudList,\n      displaySphereList,\n      selectedIDs,\n      setPointCloudResult,\n      setSelectedIDs,\n      addPointCloudBox,\n      addPointCloudSphere,\n      setPointCloudSphereList,\n      valid,\n      selectedPointCloudBox,\n      setPointCloudValid,\n      addSelectedID,\n      selectedAllBoxes,\n      topViewInstance,\n      setTopViewInstance,\n      sideViewInstance,\n      setSideViewInstance,\n      backViewInstance,\n      setBackViewInstance,\n      mainViewInstance,\n      setMainViewInstance,\n      polygonList,\n      setPolygonList,\n      lineList,\n      setLineList,\n      zoom,\n      setZoom,\n      history,\n      toggleAttributesVisible,\n      hideAttributes,\n      setHideAttributes,\n      reRender,\n      attrPanelLayout,\n      setAttrPanelLayout,\n      syncAllViewPointCloudColor,\n      defaultAttribute,\n      setDefaultAttribute,\n      pointCloudPattern,\n      setPointCloudPattern,\n      selectSpecAttr,\n    };\n  }, [\n    valid,\n    selectedIDs,\n    pointCloudBoxList,\n    pointCloudSphereList,\n    polygonList,\n    lineList,\n    topViewInstance,\n    sideViewInstance,\n    backViewInstance,\n    mainViewInstance,\n    zoom,\n    hideAttributes,\n    attrPanelLayout,\n    defaultAttribute,\n    pointCloudPattern,\n  ]);\n\n  const updateSelectedIDsAndRenderAfterHide = () => {\n    const pointCloudForFilteredList = pointCloudBoxList.filter((i) =>\n      hideAttributes.includes(i.attribute),\n    );\n\n    const { setSelectedIDs, reRender } = ptCtx;\n\n    const filteredIDs = pointCloudForFilteredList.map((i) => i.id);\n\n    if (filteredIDs.length > 0) {\n      setSelectedIDs(selectedIDs.filter((id) => !filteredIDs.includes(id)));\n    }\n\n    reRender();\n  };\n\n  useEffect(() => {\n    updateSelectedIDsAndRenderAfterHide();\n    topViewInstance?.pointCloud2dOperation?.setHiddenAttributes(hideAttributes);\n  }, [hideAttributes]);\n\n  return <PointCloudContext.Provider value={ptCtx}>{children}</PointCloudContext.Provider>;\n};\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudInfos.js

@@ -1 +1,136 @@
-import{PointCloudUtils as m,EPerspectiveView as B}from"@labelbee/lb-utils";import e,{useState as E,useEffect as I}from"react";import{PointCloudContext as x}from"./PointCloudContext.js";import{UnitUtils as S}from"@labelbee/lb-annotation";import{useSingleBox as w}from"./hooks/useSingleBox.js";import{useTranslation as g}from"react-i18next";const r=2,P=({perspectiveView:a})=>{const{pointCloudBoxList:l,selectedID:u}=e.useContext(x),t=l.find(s=>s.id===u),h=g(),{t:n}=h;if(u&&t){const{length:s,width:i,height:c}=m.transferBox2Kitti(t),o=a===B.Back?[{label:n("Width"),value:i},{label:n("Height"),value:c}]:[{label:n("Length"),value:s},{label:n("Height"),value:c}];return e.createElement(e.Fragment,null,o.map((b,d)=>e.createElement("span",{key:d,style:{marginRight:d===0?16:0,fontSize:12}},`${b.label}: ${b.value.toFixed(r)}`)))}return null},A=({checkMode:a,config:l})=>{const u=e.useContext(x),{selectedBox:t}=w(),[h,n]=E([]),s=g(),{t:i,i18n:c}=s;return I(()=>{var o;if(!t)return;const{length:b,width:d,height:v,rotation_y:C}=m.transferBox2Kitti(t.info);let f=[{label:i("Length"),value:b.toFixed(r)},{label:i("Width"),value:d.toFixed(r)},{label:i("Height"),value:v.toFixed(r)},{label:i("Rotation_y"),value:S.rad2deg(C).toFixed(r)}];(o=u.mainViewInstance)==null||o.filterPointsByBox(t.info).then(p=>{if(!p){n(f);return}f.push({label:i("PointCount"),value:`${p.num}`}),a===!0&&t.info.subAttribute&&l&&m.getSubAttributeName(t.info.subAttribute,l).forEach(y=>f.push(y)),n(f)})},[t,c.language]),t?e.createElement("div",{style:{position:"absolute",color:"white",backgroundColor:"rgba(153, 153, 153, 0.3)",right:8,top:8,fontSize:12,padding:8,zIndex:20}},h.map(o=>e.createElement("div",{key:o.label},`${o.label}: ${o.value}`))):null},F=()=>{const a=e.useContext(x),{t:l}=g();return a.valid===!1?e.createElement("div",{style:{position:"absolute",backgroundColor:"rgb(242, 101, 73)",color:"white",opacity:.7,left:0,top:0,fontSize:30,padding:"8px 16px",zIndex:20,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},l("Invalid")):null};export{A as BoxInfos,F as PointCloudValidity,P as SizeInfoForView};
+import { PointCloudUtils, EPerspectiveView } from '@labelbee/lb-utils';
+import React, { useState, useEffect } from 'react';
+import { PointCloudContext } from './PointCloudContext.js';
+import { UnitUtils } from '@labelbee/lb-annotation';
+import { useSingleBox } from './hooks/useSingleBox.js';
+import { useTranslation } from 'react-i18next';
+
+const DECIMAL_PLACES = 2;
+const SizeInfoForView = ({perspectiveView}) => {
+  const {pointCloudBoxList, selectedID} = React.useContext(PointCloudContext);
+  const box = pointCloudBoxList.find((i) => i.id === selectedID);
+  const trans = useTranslation();
+  const {t} = trans;
+  if (selectedID && box) {
+    const {length, width, height} = PointCloudUtils.transferBox2Kitti(box);
+    const infos = perspectiveView === EPerspectiveView.Back ? [
+      {
+        label: t("Width"),
+        value: width
+      },
+      {
+        label: t("Height"),
+        value: height
+      }
+    ] : [
+      {
+        label: t("Length"),
+        value: length
+      },
+      {
+        label: t("Height"),
+        value: height
+      }
+    ];
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, infos.map((info, index) => /* @__PURE__ */ React.createElement("span", {
+      key: index,
+      style: {marginRight: index === 0 ? 16 : 0, fontSize: 12}
+    }, `${info.label}: ${info.value.toFixed(DECIMAL_PLACES)}`)));
+  }
+  return null;
+};
+const BoxInfos = ({
+  checkMode,
+  config
+}) => {
+  const ptCtx = React.useContext(PointCloudContext);
+  const {selectedBox} = useSingleBox();
+  const [infos, setInfos] = useState([]);
+  const trans = useTranslation();
+  const {t, i18n} = trans;
+  useEffect(() => {
+    var _a;
+    if (!selectedBox) {
+      return;
+    }
+    const {length, width, height, rotation_y} = PointCloudUtils.transferBox2Kitti(selectedBox.info);
+    let infos2 = [
+      {
+        label: t("Length"),
+        value: length.toFixed(DECIMAL_PLACES)
+      },
+      {
+        label: t("Width"),
+        value: width.toFixed(DECIMAL_PLACES)
+      },
+      {
+        label: t("Height"),
+        value: height.toFixed(DECIMAL_PLACES)
+      },
+      {
+        label: t("Rotation_y"),
+        value: UnitUtils.rad2deg(rotation_y).toFixed(DECIMAL_PLACES)
+      }
+    ];
+    (_a = ptCtx.mainViewInstance) == null ? void 0 : _a.filterPointsByBox(selectedBox.info).then((data) => {
+      if (!data) {
+        setInfos(infos2);
+        return;
+      }
+      infos2.push({
+        label: t("PointCount"),
+        value: `${data.num}`
+      });
+      if (checkMode === true && selectedBox.info.subAttribute && config) {
+        const subAttributeNameList = PointCloudUtils.getSubAttributeName(selectedBox.info.subAttribute, config);
+        subAttributeNameList.forEach((data2) => infos2.push(data2));
+      }
+      setInfos(infos2);
+    });
+  }, [selectedBox, i18n.language]);
+  if (selectedBox) {
+    return /* @__PURE__ */ React.createElement("div", {
+      style: {
+        position: "absolute",
+        color: "white",
+        backgroundColor: "rgba(153, 153, 153, 0.3)",
+        right: 8,
+        top: 8,
+        fontSize: 12,
+        padding: 8,
+        zIndex: 20
+      }
+    }, infos.map((i) => /* @__PURE__ */ React.createElement("div", {
+      key: i.label
+    }, `${i.label}: ${i.value}`)));
+  }
+  return null;
+};
+const PointCloudValidity = () => {
+  const ptCtx = React.useContext(PointCloudContext);
+  const {t} = useTranslation();
+  if (ptCtx.valid === false) {
+    return /* @__PURE__ */ React.createElement("div", {
+      style: {
+        position: "absolute",
+        backgroundColor: "rgb(242, 101, 73)",
+        color: "white",
+        opacity: 0.7,
+        left: 0,
+        top: 0,
+        fontSize: 30,
+        padding: "8px 16px",
+        zIndex: 20,
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }
+    }, t("Invalid"));
+  }
+  return null;
+};
+
+export { BoxInfos, PointCloudValidity, SizeInfoForView };
+//# sourceMappingURL=PointCloudInfos.js.map

package/es/components/pointCloudView/PointCloudInfos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudInfos.js","sources":["../../../src/components/pointCloudView/PointCloudInfos.tsx"],"sourcesContent":["/**\n * @author Glenfiddish <edwinlee0927@hotmail.com>\n * @file Display selected box's infos\n * @createdate 2022-07-13\n */\n\nimport { EPerspectiveView, IPointCloudConfig, PointCloudUtils } from '@labelbee/lb-utils';\nimport React, { useEffect, useState } from 'react';\nimport { PointCloudContext } from './PointCloudContext';\nimport { UnitUtils } from '@labelbee/lb-annotation';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { useTranslation } from 'react-i18next';\n\nconst DECIMAL_PLACES = 2;\n\n/**\n * Display size info for views\n * @param param0\n * @returns\n */\nexport const SizeInfoForView = ({ perspectiveView }: { perspectiveView: EPerspectiveView }) => {\n  const { pointCloudBoxList, selectedID } = React.useContext(PointCloudContext);\n  const box = pointCloudBoxList.find((i) => i.id === selectedID);\n  const trans = useTranslation();\n  const { t } = trans;\n\n  if (selectedID && box) {\n    const { length, width, height } = PointCloudUtils.transferBox2Kitti(box);\n    const infos =\n      perspectiveView === EPerspectiveView.Back\n        ? [\n            {\n              label: t('Width'),\n              value: width,\n            },\n            {\n              label: t('Height'),\n              value: height,\n            },\n          ]\n        : [\n            {\n              label: t('Length'),\n              value: length,\n            },\n            {\n              label: t('Height'),\n              value: height,\n            },\n          ];\n\n    return (\n      <>\n        {infos.map((info, index) => (\n          <span key={index} style={{ marginRight: index === 0 ? 16 : 0, fontSize: 12 }}>{`${\n            info.label\n          }: ${info.value.toFixed(DECIMAL_PLACES)}`}</span>\n        ))}\n      </>\n    );\n  }\n  return null;\n};\n\n/**\n * Display selected box's infos\n */\nexport const BoxInfos = ({\n  checkMode,\n  config,\n}: {\n  checkMode?: boolean;\n  config: IPointCloudConfig;\n}) => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const { selectedBox } = useSingleBox();\n  const [infos, setInfos] = useState<Array<{ label: string; value: string }>>([]);\n  const trans = useTranslation();\n  const { t, i18n } = trans;\n\n  useEffect(() => {\n    if (!selectedBox) {\n      return;\n    }\n    const { length, width, height, rotation_y } = PointCloudUtils.transferBox2Kitti(\n      selectedBox.info,\n    );\n\n    let infos = [\n      {\n        label: t('Length'),\n        value: length.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: t('Width'),\n        value: width.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: t('Height'),\n        value: height.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: t('Rotation_y'),\n        value: UnitUtils.rad2deg(rotation_y).toFixed(DECIMAL_PLACES),\n      },\n    ];\n    // Get Point Count.\n    ptCtx.mainViewInstance?.filterPointsByBox(selectedBox.info).then((data) => {\n      if (!data) {\n        setInfos(infos);\n        return;\n      }\n\n      infos.push({\n        label: t('PointCount'),\n        value: `${data.num}`,\n      });\n\n      //  SubAttribute is shown in checkMode\n      if (checkMode === true && selectedBox.info.subAttribute && config) {\n        const subAttributeNameList = PointCloudUtils.getSubAttributeName(\n          selectedBox.info.subAttribute,\n          config,\n        );\n        subAttributeNameList.forEach((data) => infos.push(data));\n      }\n\n      setInfos(infos);\n    });\n  }, [selectedBox, i18n.language]);\n\n  if (selectedBox) {\n    return (\n      <div\n        style={{\n          position: 'absolute',\n          color: 'white',\n          backgroundColor: 'rgba(153, 153, 153, 0.3)',\n          right: 8,\n          top: 8,\n          fontSize: 12,\n          padding: 8,\n          zIndex: 20,\n        }}\n      >\n        {infos.map((i) => (\n          <div key={i.label}>{`${i.label}: ${i.value}`}</div>\n        ))}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nexport const PointCloudValidity = () => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const { t } = useTranslation();\n\n  if (ptCtx.valid === false) {\n    return (\n      <div\n        style={{\n          position: 'absolute',\n          backgroundColor: 'rgb(242, 101, 73)',\n          color: 'white',\n          opacity: 0.7,\n          left: 0,\n          top: 0,\n          fontSize: 30,\n          padding: '8px 16px',\n          zIndex: 20,\n          width: '100%',\n          height: '100%',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        }}\n      >\n        {t('Invalid')}\n      </div>\n    );\n  }\n  return null;\n};\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudLayout.js

@@ -1 +1,19 @@
-import{getClassName as e}from"../../utils/dom.js";import s from"classnames";import t from"react";const i=({title:o,toolbar:a,children:n,className:r,style:c})=>t.createElement("div",{className:s([r,e("point-cloud-container")]),style:c},t.createElement("div",{className:e("point-cloud-container","header")},t.createElement("span",{className:e("point-cloud-container","header-title")},o),a&&t.createElement("div",{className:e("point-cloud-container","header-toolbar")},a)),n);export{i as PointCloudContainer};
+import { getClassName } from '../../utils/dom.js';
+import classNames from 'classnames';
+import React from 'react';
+
+const PointCloudContainer = ({title, toolbar, children, className, style}) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    className: classNames([className, getClassName("point-cloud-container")]),
+    style
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-container", "header")
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: getClassName("point-cloud-container", "header-title")
+  }, title), toolbar && /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-container", "header-toolbar")
+  }, toolbar)), children);
+};
+
+export { PointCloudContainer };
+//# sourceMappingURL=PointCloudLayout.js.map

package/es/components/pointCloudView/PointCloudLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudLayout.js","sources":["../../../src/components/pointCloudView/PointCloudLayout.tsx"],"sourcesContent":["import { getClassName } from '@/utils/dom';\nimport classNames from 'classnames';\nimport React from 'react';\n\nexport const PointCloudContainer: React.FC<{\n  title: string;\n  toolbar?: React.ReactElement | null;\n  className?: string;\n  style?: React.CSSProperties;\n}> = ({ title, toolbar, children, className, style }) => {\n  return (\n    <div className={classNames([className, getClassName('point-cloud-container')])} style={style}>\n      <div className={getClassName('point-cloud-container', 'header')}>\n        <span className={getClassName('point-cloud-container', 'header-title')}>{title}</span>\n\n        {toolbar && (\n          <div className={getClassName('point-cloud-container', 'header-toolbar')}>{toolbar}</div>\n        )}\n      </div>\n\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,sBAKR,CAAC,CAAE,OAAO,OAAS,EAAA,QAAA,EAAU,WAAW,KAAY,CAAA,KAAA;AACvD,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,SAAW,EAAA,UAAA,CAAW,CAAC,SAAA,EAAW,YAAa,CAAA,uBAAA,CAAA,CAAA,CAAA;AAAA,IAA4B,KAAA;AAAA,GAAA,sCAC7E,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,uBAAyB,EAAA,QAAA,CAAA;AAAA,GAAA,sCACnD,MAAD,EAAA;AAAA,IAAM,SAAA,EAAW,aAAa,uBAAyB,EAAA,cAAA,CAAA;AAAA,GAAkB,EAAA,KAAA,CAAA,EAExE,OACC,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,uBAAyB,EAAA,gBAAA,CAAA;AAAA,GAAA,EAAoB,OAI7E,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA;;;;"}