fix: 处理审计树缓存异常引起的崩溃

yaklang · Aug 14, 2024 · a2b3bc9 · a2b3bc9
1 parent a05d78f
commit a2b3bc9
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 19 deletions.
diff --git a/app/renderer/src/main/src/pages/YakRunner/AuditCode/AuditCode.module.scss b/app/renderer/src/main/src/pages/YakRunner/AuditCode/AuditCode.module.scss
@@ -333,3 +333,23 @@
         }
     }
 }
+
+.additional-params-divider {
+    margin: 16px 12px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 4px;
+    .text-style {
+        color: #b4bbca;
+        font-size: 12px;
+        font-weight: 600;
+        line-height: 16px;
+    }
+    .divider-style {
+        flex: 1;
+        overflow: hidden;
+        height: 1px;
+        border-top: 1px dashed #eaecf3;
+    }
+}
diff --git a/app/renderer/src/main/src/pages/YakRunner/AuditCode/AuditCode.tsx b/app/renderer/src/main/src/pages/YakRunner/AuditCode/AuditCode.tsx
@@ -272,7 +272,12 @@ export const AuditCode: React.FC<AuditCodeProps> = (props) => {
 
             if (itemDetail.ResourceType === "variable" || itemDetail.ResourceType === TopId) {
                 obj.children = initAuditTree(childArr, depth + 1)
-                obj.isLeaf = false
+                // 数量为0时不展开 message除外
+                if (parseInt(obj.Size + "") === 0 && itemDetail.ResourceType !== TopId) {
+                    obj.isLeaf = true
+                } else {
+                    obj.isLeaf = false
+                }
             } else {
                 obj.isLeaf = true
             }
@@ -424,6 +429,8 @@ export const AuditCode: React.FC<AuditCodeProps> = (props) => {
                 }
                 // 变量
                 if (ResourceType === "variable") {
+                    console.log("yyy", Size, parseInt(Size + ""))
+
                     const id = `${path}${ResourceName}`
                     variableIds.push(id)
                     setMapAuditDetail(id, {
@@ -760,8 +767,8 @@ export const AuditHistoryTable: React.FC<AuditHistoryTableProps> = memo((props)
         try {
             await grpcFetchDeleteAudit(path)
             getAduitList()
-            console.log("ooo",path,projectNmae);
-            
+            console.log("ooo", path, projectNmae)
+
             if (path === `/${projectNmae}`) {
                 setLoadTreeType && setLoadTreeType("file")
                 setFileTree && setFileTree([])
@@ -773,7 +780,7 @@ export const AuditHistoryTable: React.FC<AuditHistoryTableProps> = memo((props)
     })
 
     return (
-        <div className={styles["audit-history-table"]} onKeyDown={(event)=>event.stopPropagation()}>
+        <div className={styles["audit-history-table"]} onKeyDown={(event) => event.stopPropagation()}>
             <div className={styles["header"]}>
                 <div className={styles["main"]}>
                     <div className={styles["title"]}>已编译项目</div>
@@ -854,14 +861,16 @@ export const AuditHistoryTable: React.FC<AuditHistoryTableProps> = memo((props)
                                     <div className={styles["audit-path"]}>{obj.path}</div>
                                     <div className={styles["audit-time"]}>{obj.time}</div>
                                     <div className={styles["audit-opt"]}>
-                                        <YakitButton
-                                            type='text'
-                                            icon={<OutlineArrowcirclerightIcon className={styles["to-icon"]} />}
-                                            onClick={() => {
-                                                emiter.emit("onOpenAuditTree", item.ResourceName)
-                                                onClose()
-                                            }}
-                                        />
+                                        <Tooltip title={"打开项目"}>
+                                            <YakitButton
+                                                type='text'
+                                                icon={<OutlineArrowcirclerightIcon className={styles["to-icon"]} />}
+                                                onClick={() => {
+                                                    emiter.emit("onOpenAuditTree", item.ResourceName)
+                                                    onClose()
+                                                }}
+                                            />
+                                        </Tooltip>
                                         <Divider type={"vertical"} style={{margin: 0}} />
                                         {/* <YakitPopconfirm
                                         title={

diff --git a/app/renderer/src/main/src/pages/YakRunner/LeftSideBar/LeftSideBar.module.scss b/app/renderer/src/main/src/pages/YakRunner/LeftSideBar/LeftSideBar.module.scss
@@ -9,7 +9,7 @@
         flex-direction: column;
         align-items: flex-start;
         background: #f8f8f8;
-        // border-right: 1px solid #eaecf3;
+        border-right: 1px solid #eaecf3;
     }
 
     &-item {
@@ -60,7 +60,7 @@
         background-color: rgba(204, 210, 222, 0.5);
         cursor: not-allowed;
     }
-    
+
     &-item-active:hover {
         background-color: var(--yakit-primary-4);
     }
@@ -90,6 +90,6 @@
     }
 }
 
-.hidden{
+.hidden {
     border-right: 1px solid var(--yakit-background-color);
 }
diff --git a/app/renderer/src/main/src/pages/YakRunner/RightAuditDetail/RightAuditDetail.module.scss b/app/renderer/src/main/src/pages/YakRunner/RightAuditDetail/RightAuditDetail.module.scss
@@ -61,6 +61,7 @@
                 padding: 8px;
                 border-radius: 4px;
                 background: #f0f1f3;
+                overflow: auto;
             }
         }
     }

diff --git a/app/renderer/src/main/src/pages/YakRunner/RightAuditDetail/RightAuditDetail.tsx b/app/renderer/src/main/src/pages/YakRunner/RightAuditDetail/RightAuditDetail.tsx
@@ -105,6 +105,18 @@ export const FlowChartBox: React.FC<FlowChartBoxProps> = (props) => {
         }
     })
 
+    const onRefreshAuditDetailFun = useMemoizedFn(()=>{
+        setNodeId(undefined)
+    })
+
+    useEffect(() => {
+        // 打开编译右侧详情
+        emiter.on("onRefreshAuditDetail", onRefreshAuditDetailFun)
+        return () => {
+            emiter.off("onRefreshAuditDetail", onRefreshAuditDetailFun)
+        }
+    }, [])
+
     useEffect(() => {
         if (!graph) return
         instance().then((viz) => {
@@ -225,6 +237,7 @@ export const FlowChartBox: React.FC<FlowChartBoxProps> = (props) => {
                 onMouseDown={handleMouseDown}
                 onMouseUp={handleMouseUp}
                 onMouseMove={handleMouseMove}
+                onMouseLeave={handleMouseUp}
                 ref={svgBoxRef}
             />
             {nodeId && (

diff --git a/app/renderer/src/main/src/pages/YakRunner/YakRunner.tsx b/app/renderer/src/main/src/pages/YakRunner/YakRunner.tsx
@@ -210,10 +210,17 @@ export const YakRunner: React.FC<YakRunnerProps> = (props) => {
         }
         insertFileMap(keys[index])
     })
-    useEffect(() => {
-        loadIndexRef.current = 0
+
+    const clearMap = useMemoizedFn(()=>{
         clearMapFileDetail()
         clearMapFolderDetail()
+        clearMapAuditDetail()
+        clearMapAuditChildDetail()
+    })
+
+    useEffect(() => {
+        loadIndexRef.current = 0
+        clearMap()
         let id = setInterval(() => {
             loadFileMap()
         }, 100)
@@ -229,8 +236,7 @@ export const YakRunner: React.FC<YakRunnerProps> = (props) => {
             return
         }
         loadIndexRef.current = 0
-        clearMapFileDetail()
-        clearMapFolderDetail()
+        clearMap()
         // FileTree缓存清除
         emiter.emit("onResetFileTree")
     })
@@ -966,6 +972,7 @@ export const YakRunner: React.FC<YakRunnerProps> = (props) => {
             const data: AuditEmiterYakUrlProps = JSON.parse(value)
             setAuditRightParams(data)
             setShowAuditDetail(true)
+            emiter.emit("onRefreshAuditDetail")
         } catch (error) {}
     })
 

diff --git a/app/renderer/src/main/src/utils/eventBus/events/yakRunner.ts b/app/renderer/src/main/src/utils/eventBus/events/yakRunner.ts
@@ -42,4 +42,6 @@ export type YakRunnerEventProps = {
     onOpenAuditTree: string
     // 重置审计模式缓存数据
     onResetAuditStatus?: string
+    // 刷新审计详情（关闭节点信息）
+    onRefreshAuditDetail?: string
 }