Fix/point cloud highlight

packages/lb-annotation/src/core/pointCloud/index.ts

@@ -868,7 +868,7 @@ export class PointCloud extends EventListener {
         gl_FragColor = vec4(color, 1.0);
       }`,
       uniforms: {
-        pointSize: { value: 1.2 }, // Init size.
+        pointSize: { value: this.pointsMaterialSize }, // Init size.
       },
     };
   };

packages/lb-components/src/components/pointCloudView/components/HighlightVisible/index.tsx

@@ -21,7 +21,7 @@ const HighlightVisible = ({
     borderRadius: 2,
     padding: 6,
     fontSize: 16,
-    zIndex: 1001,
+    zIndex: 101,
   };
   let ShowIcon = visible ? EyeFilled : EyeInvisibleFilled;
 

packages/lb-components/src/components/pointCloudView/hooks/usePointCloudViews.ts

@@ -1201,8 +1201,29 @@ export const usePointCloudViews = () => {
 
     let boxParamsList: any[] = [];
     let lineList: any[] = [];
-    let polygonList = [];
+    let polygonList: any[] = [];
     let sphereParamsList: IPointCloudSphere[] = [];
+
+    mainViewInstance.updateTopCamera();
+
+    const valid = jsonParser(newData.result)?.valid ?? true;
+    ptCtx.setPointCloudValid(valid);
+
+    // Clear other view data during initialization
+    ptCtx.sideViewInstance?.clearAllData();
+    ptCtx.backViewInstance?.clearAllData();
+
+    // TopView Data Update
+    /**
+     * Listen to flip
+     * 1. Init
+     * 2. Reload PointCloud
+     * 3. Clear Polygon
+     */
+    topViewInstance.updateData(newData.url, newData.result, {
+      radius: config?.radius ?? DEFAULT_RADIUS,
+    });
+
     if (newData.result) {
       boxParamsList = PointCloudUtils.getBoxParamsFromResultList(newData.result);
       polygonList = PointCloudUtils.getPolygonListFromResultList(newData.result);
@@ -1215,8 +1236,9 @@ export const usePointCloudViews = () => {
 
       /**
        * Use [] to replace the default highlight2DDataList.
+       * Need to await syncAllViewPointCloudColor before setLoading(false).
        */
-      ptCtx.syncAllViewPointCloudColor(boxParamsList, []);
+      await ptCtx.syncAllViewPointCloudColor(boxParamsList, []);
     }
 
     initHistory({
@@ -1226,25 +1248,6 @@ export const usePointCloudViews = () => {
       pointCloudSphereList: sphereParamsList,
     });
 
-    mainViewInstance.updateTopCamera();
-
-    const valid = jsonParser(newData.result)?.valid ?? true;
-    ptCtx.setPointCloudValid(valid);
-
-    // Clear other view data during initialization
-    ptCtx.sideViewInstance?.clearAllData();
-    ptCtx.backViewInstance?.clearAllData();
-
-    // TopView Data Update
-    /**
-     * Listen to flip
-     * 1. Init
-     * 2. Reload PointCloud
-     * 3. Clear Polygon
-     */
-    topViewInstance.updateData(newData.url, newData.result, {
-      radius: config?.radius ?? DEFAULT_RADIUS,
-    });
     SetPointCloudLoading(dispatch, false);
   };
 

packages/lb-components/src/index.scss

@@ -1561,7 +1561,7 @@ $headerHeight: 40px;
       }
       &__slider {
         width: 70px;
-        padding: 0 4px;
+        padding: 0 4px 0 8px;
       }
     }
 

packages/lb-components/src/views/MainView/index.tsx

@@ -23,6 +23,8 @@ import PreviewResult from '@/components/predictTracking/previewResult';
 import { LabelBeeContext } from '@/store/ctx';
 import { EToolName } from '@/data/enums/ToolType';
 import LLMLayout from './LLMLayout';
+import { LoadingOutlined } from '@ant-design/icons';
+import { useTranslation } from 'react-i18next';
 
 interface IProps {
   path: string;
@@ -74,11 +76,17 @@ const AnnotatedArea: React.FC<AppProps & IProps> = (props) => {
 };
 
 const ViewportProviderLayout = (props: AppProps & IProps & { children: any }) => {
+  const { t } = useTranslation();
   const { stepList, step } = props;
   const currentToolName = getStepConfig(stepList, step)?.tool;
   return (
     <ViewportProvider>
-      <Spin spinning={props.loading}>
+      <Spin
+        spinning={props.loading}
+        indicator={<LoadingOutlined />}
+        tip={<span style={{ marginTop: 200 }}>{t('LoadingTips')}</span>}
+        delay={500}
+      >
         <Layout className={classnames([layoutCls, props.className])} style={props.style?.layout}>
           <header className={`${layoutCls}__header`} style={props.style?.header}>
             <ToolHeader

packages/lb-utils/src/i18n/resources.json

@@ -245,6 +245,7 @@
     "DefaultSize":"Click to use the default size.",
     "NormalSizeRange":"Normal size range",
     "NormalCenterPointRange":"Normal center point range",
+    "LoadingTips": "Wait a minute, Data Loading ~",
     "Unlocked":"Unlocked",
     "Locked":"Locked"
   },
@@ -494,6 +495,7 @@
     "DefaultSize":"点击图标以使用默认尺寸",
     "NormalSizeRange":"正常尺寸范围",
     "NormalCenterPointRange":"正常中心点范围",
+    "LoadingTips": "数据加载中~请稍后",
     "Unlocked":"未开启",
     "Locked":"已开启"
   }