chore: del log

Author: xieliuduo

frontend/src/app/pages/DashBoardPage/components/WidgetCore/DataChartWidget/index.tsx

@@ -46,8 +46,6 @@ export const DataChartWidget: React.FC<{}> = memo(() => {
   const { id: widgetId } = widget;
   const { widgetChartClick } = useContext(WidgetMethodContext);
   const { ref, cacheW, cacheH } = useCacheWidthHeight();
-  // console.log('_cacheW', cacheW);
-  // console.log('cacheH', cacheH);
 
   const widgetRef = useRef<Widget>(widget);
   useEffect(() => {
@@ -121,8 +119,6 @@ export const DataChartWidget: React.FC<{}> = memo(() => {
   );
 
   const chartFrame = useMemo(() => {
-    // console.log('_chartFrame', widgetId);
-
     if (!dataChart) {
       return `not found dataChart`;
     }

frontend/src/app/pages/DashBoardPage/components/WidgetProvider/WidgetDataProvider.tsx

@@ -17,7 +17,7 @@
  */
 
 import { WidgetData } from 'app/pages/DashBoardPage/pages/Board/slice/types';
-import React, { createContext, FC, useContext } from 'react';
+import React, { createContext, FC, useContext, useMemo } from 'react';
 import { useSelector } from 'react-redux';
 import { selectWidgetDataById } from '../../pages/Board/slice/selector';
 import { BoardState } from '../../pages/Board/slice/types';
@@ -42,7 +42,9 @@ export const WidgetDataProvider: FC<{ widgetId: string }> = ({
   const editWidgetData = useSelector((state: { editBoard: EditBoardState }) =>
     selectEditWidgetData(state, widgetId),
   );
-  const widgetData = editing ? editWidgetData : viewWidgetData;
+  const widgetData = useMemo(() => {
+    return editing ? editWidgetData : viewWidgetData;
+  }, [editing, viewWidgetData, editWidgetData]);
   return (
     <WidgetDataContext.Provider value={{ data: widgetData }}>
       {boardId ? children : null}

frontend/src/app/pages/DashBoardPage/hooks/useAutoBoardRenderItem.ts

@@ -15,15 +15,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
 import { useWidgetRowHeight } from 'app/hooks/useWidgetRowHeight';
 import { throttle } from 'echarts';
 import {
   RefObject,
   useCallback,
   useContext,
   useEffect,
-  useLayoutEffect,
   useMemo,
   useRef,
 } from 'react';
@@ -35,9 +33,13 @@ export default function useAutoBoardRenderItem(
   margin: [number, number],
 ) {
   const { ref, widgetRowHeight } = useWidgetRowHeight();
+
   const { renderedWidgetById } = useContext(BoardContext);
+
   const currentLayout = useRef<Layout[]>([]);
+
   let waitItemInfos = useRef<{ id: string; rendered: boolean }[]>([]);
+
   const gridWrapRef: RefObject<HTMLDivElement> = useRef(null);
 
   useEffect(() => {
@@ -61,6 +63,7 @@ export default function useAutoBoardRenderItem(
     },
     [margin, widgetRowHeight],
   );
+
   const lazyRender = useCallback(() => {
     if (!gridWrapRef.current) return;
     if (!waitItemInfos.current.length) return;
@@ -75,9 +78,10 @@ export default function useAutoBoardRenderItem(
   }, [calcItemTop, renderedWidgetById]);
 
   const ttRender = useMemo(() => throttle(lazyRender, 50), [lazyRender]);
-  useLayoutEffect(() => {
+
+  useEffect(() => {
     if (gridWrapRef.current) {
-      lazyRender();
+      setImmediate(() => lazyRender());
       gridWrapRef.current.removeEventListener('scroll', ttRender, false);
       gridWrapRef.current.addEventListener('scroll', ttRender, false);
       // issues#339

frontend/src/app/pages/DashBoardPage/pages/Board/index.tsx

@@ -193,7 +193,6 @@ export const Board: React.FC<BoardProps> = memo(
       let boardType = dashboard?.config?.type;
 
       if (dashboard && boardType) {
-        console.log('_has dashboard');
         return (
           <div className="board-provider">
             <BoardProvider