chore: audio file .m4a support

src/components/logs-viewer/styles/index.less

@@ -14,11 +14,11 @@
       &::before {
         content: '';
         position: absolute;
-        top: 30px;
-        bottom: 30px;
-        right: 0;
-        width: 100px;
-        height: 60px;
+        top: 0;
+        bottom: 0;
+        right: -18px;
+        width: 80px;
+        height: 185px;
 
         &:hover {
           .pagination {

src/components/logs-viewer/virtual-log-list.tsx

@@ -45,6 +45,7 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
   const loadMoreDone = useRef(false);
   const pageRef = useRef<any>(page);
   const totalPageRef = useRef<any>(totalPage);
+  const isLoadingMoreRef = useRef(false);
 
   useImperativeHandle(ref, () => ({
     abort() {
@@ -79,6 +80,7 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
 
   const debounceLoading = _.debounce(() => {
     setLoading(false);
+    isLoadingMoreRef.current = false;
   }, 200);
 
   const isClean = useCallback((input: string) => {
@@ -91,8 +93,9 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
   const getLastPage = (data: string) => {
     const list = _.split(data.trim(), '\n');
     let result = '';
-    console.log('getlastPage===', list.length, enableScorllLoad, pageSize);
-    setLoading(true);
+    if (isLoadingMoreRef.current) {
+      setLoading(true);
+    }
     if (!enableScorllLoad) {
       result = list.join('\n');
     } else if (list.length <= pageSize) {
@@ -142,7 +145,7 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
     const start = (newPage - 1) * pageSize;
     const end = newPage * pageSize;
     const prePage = list.slice(start, end).join('\n');
-    console.log('prePage===', newPage);
+
     setPage(() => newPage);
     setScrollPos(['bottom', newPage]);
     pageRef.current = newPage;
@@ -160,7 +163,7 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
     const start = (newPage - 1) * pageSize;
     const end = newPage * pageSize;
     const nextPage = list.slice(start, end).join('\n');
-    console.log('nextPage===', newPage);
+
     setPage(() => newPage);
     setScrollPos(['top', newPage]);
     pageRef.current = newPage;
@@ -241,6 +244,7 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
         tail.current = undefined;
         createChunkConnection();
         loadMoreDone.current = true;
+        isLoadingMoreRef.current = true;
       } else if (isTop && page <= totalPage && page > 1) {
         // getPrePage();
       } else if (isBottom && page < totalPage) {

src/components/upload-audio/index.tsx

@@ -24,7 +24,7 @@ const UploadAudio: React.FC<UploadAudioProps> = (props) => {
   );
   return (
     <Tooltip
-      overlayInnerStyle={{ maxWidth: 265, width: 'max-content' }}
+      overlayInnerStyle={{ maxWidth: 290, width: 'max-content' }}
       title={intl.formatMessage(
         { id: 'playground.audio.uploadfile.tips' },
         { formats: props.accept }