feat(spinning): Update the style of loading

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":"已开启"
   }