From eab405af5b122579330d8ce6306a644ce2df6c30 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Tue, 5 Mar 2024 15:26:28 +0800
Subject: [PATCH] chore: node add  memo

---
 web/app/components/workflow/nodes/code/node.tsx                | 3 ++-
 web/app/components/workflow/nodes/direct-answer/node.tsx       | 3 ++-
 web/app/components/workflow/nodes/end/node.tsx                 | 3 ++-
 web/app/components/workflow/nodes/http/node.tsx                | 3 ++-
 web/app/components/workflow/nodes/if-else/node.tsx             | 3 ++-
 web/app/components/workflow/nodes/knowledge-retrieval/node.tsx | 3 ++-
 web/app/components/workflow/nodes/llm/node.tsx                 | 3 ++-
 web/app/components/workflow/nodes/llm/panel.tsx                | 3 ++-
 web/app/components/workflow/nodes/question-classifier/node.tsx | 3 ++-
 web/app/components/workflow/nodes/start/node.tsx               | 3 ++-
 web/app/components/workflow/nodes/template-transform/node.tsx  | 3 ++-
 web/app/components/workflow/nodes/tool/node.tsx                | 3 ++-
 web/app/components/workflow/nodes/variable-assigner/node.tsx   | 3 ++-
 13 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/web/app/components/workflow/nodes/code/node.tsx b/web/app/components/workflow/nodes/code/node.tsx
index a9aa921ee2..03e16f56e9 100644
--- a/web/app/components/workflow/nodes/code/node.tsx
+++ b/web/app/components/workflow/nodes/code/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import type { CodeNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
 
@@ -9,4 +10,4 @@ const Node: FC<NodeProps<CodeNodeType>> = () => {
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/direct-answer/node.tsx b/web/app/components/workflow/nodes/direct-answer/node.tsx
index 3d7732fe90..77996c52b5 100644
--- a/web/app/components/workflow/nodes/direct-answer/node.tsx
+++ b/web/app/components/workflow/nodes/direct-answer/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import InfoPanel from '../_base/components/info-panel'
 import type { DirectAnswerNodeType } from './types'
@@ -16,4 +17,4 @@ const Node: FC<NodeProps<DirectAnswerNodeType>> = ({
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/end/node.tsx b/web/app/components/workflow/nodes/end/node.tsx
index e6a574b333..8c9862485a 100644
--- a/web/app/components/workflow/nodes/end/node.tsx
+++ b/web/app/components/workflow/nodes/end/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import type { EndNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
@@ -24,4 +25,4 @@ const Node: FC<NodeProps<EndNodeType>> = ({
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/http/node.tsx b/web/app/components/workflow/nodes/http/node.tsx
index 217ae2f107..8747fc9b0f 100644
--- a/web/app/components/workflow/nodes/http/node.tsx
+++ b/web/app/components/workflow/nodes/http/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import type { HttpNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
 
@@ -16,4 +17,4 @@ const Node: FC<NodeProps<HttpNodeType>> = ({
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/if-else/node.tsx b/web/app/components/workflow/nodes/if-else/node.tsx
index 5f2b874de9..3c216a31ee 100644
--- a/web/app/components/workflow/nodes/if-else/node.tsx
+++ b/web/app/components/workflow/nodes/if-else/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import type { NodeProps } from 'reactflow'
 import { NodeSourceHandle } from '../_base/components/node-handle'
@@ -50,4 +51,4 @@ const IfElseNode: FC<NodeProps<IfElseNodeType>> = (props) => {
   )
 }
 
-export default IfElseNode
+export default React.memo(IfElseNode)
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/node.tsx b/web/app/components/workflow/nodes/knowledge-retrieval/node.tsx
index dd8a20e200..4c4ad76c39 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/node.tsx
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/node.tsx
@@ -1,4 +1,5 @@
 import { type FC, useEffect, useState } from 'react'
+import React from 'react'
 import type { KnowledgeRetrievalNodeType } from './types'
 import { Folder } from '@/app/components/base/icons/src/vender/solid/files'
 import type { NodeProps } from '@/app/components/workflow/types'
@@ -38,4 +39,4 @@ const Node: FC<NodeProps<KnowledgeRetrievalNodeType>> = ({
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/llm/node.tsx b/web/app/components/workflow/nodes/llm/node.tsx
index 7f7b6c71c1..69372a4a54 100644
--- a/web/app/components/workflow/nodes/llm/node.tsx
+++ b/web/app/components/workflow/nodes/llm/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import type { LLMNodeType } from './types'
 import {
   useTextGenerationCurrentProviderAndModelAndModelList,
@@ -24,4 +25,4 @@ const Node: FC<NodeProps<LLMNodeType>> = ({
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/llm/panel.tsx b/web/app/components/workflow/nodes/llm/panel.tsx
index 20df394f5f..b1546ed5ec 100644
--- a/web/app/components/workflow/nodes/llm/panel.tsx
+++ b/web/app/components/workflow/nodes/llm/panel.tsx
@@ -13,6 +13,7 @@ import Split from '@/app/components/workflow/nodes/_base/components/split'
 import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
 import OutputVars, { VarItem } from '@/app/components/workflow/nodes/_base/components/output-vars'
 import type { NodeProps } from '@/app/components/workflow/types'
+import { Resolution } from '@/types/app'
 
 const i18nPrefix = 'workflow.nodes.llm'
 
@@ -119,7 +120,7 @@ const Panel: FC<NodeProps<LLMNodeType>> = ({
             tooltip={t('appDebug.vision.description')!}
             operations={
               <ResolutionPicker
-                value={inputs.vision.configs.detail}
+                value={inputs.vision.configs?.detail || Resolution.high}
                 onChange={handleVisionResolutionChange}
               />
             }
diff --git a/web/app/components/workflow/nodes/question-classifier/node.tsx b/web/app/components/workflow/nodes/question-classifier/node.tsx
index bffbef8c65..06cf487db7 100644
--- a/web/app/components/workflow/nodes/question-classifier/node.tsx
+++ b/web/app/components/workflow/nodes/question-classifier/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import type { NodeProps } from 'reactflow'
 import InfoPanel from '../_base/components/info-panel'
 import { NodeSourceHandle } from '../_base/components/node-handle'
@@ -46,4 +47,4 @@ const Node: FC<NodeProps<QuestionClassifierNodeType>> = (props) => {
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/start/node.tsx b/web/app/components/workflow/nodes/start/node.tsx
index 5b3da661f3..4a48b25e39 100644
--- a/web/app/components/workflow/nodes/start/node.tsx
+++ b/web/app/components/workflow/nodes/start/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
 import InputVarTypeIcon from '../_base/components/input-var-type-icon'
 import type { StartNodeType } from './types'
@@ -33,4 +34,4 @@ const Node: FC<NodeProps<StartNodeType>> = ({
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/template-transform/node.tsx b/web/app/components/workflow/nodes/template-transform/node.tsx
index e9de5865ef..e6925c488f 100644
--- a/web/app/components/workflow/nodes/template-transform/node.tsx
+++ b/web/app/components/workflow/nodes/template-transform/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import type { TemplateTransformNodeType } from './types'
 import type { NodeProps } from '@/app/components/workflow/types'
 
@@ -9,4 +10,4 @@ const Node: FC<NodeProps<TemplateTransformNodeType>> = () => {
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/tool/node.tsx b/web/app/components/workflow/nodes/tool/node.tsx
index 3b64918250..79e45e9ce2 100644
--- a/web/app/components/workflow/nodes/tool/node.tsx
+++ b/web/app/components/workflow/nodes/tool/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import type { ToolNodeType } from './types'
 import { VarType } from './types'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
@@ -36,4 +37,4 @@ const Node: FC<NodeProps<ToolNodeType>> = ({
   )
 }
 
-export default Node
+export default React.memo(Node)
diff --git a/web/app/components/workflow/nodes/variable-assigner/node.tsx b/web/app/components/workflow/nodes/variable-assigner/node.tsx
index 4cd550b9f0..d6687ab08c 100644
--- a/web/app/components/workflow/nodes/variable-assigner/node.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/node.tsx
@@ -1,4 +1,5 @@
 import type { FC } from 'react'
+import React from 'react'
 import type { NodeProps } from 'reactflow'
 import { useTranslation } from 'react-i18next'
 import { NodeTargetHandle } from '../_base/components/node-handle'
@@ -78,4 +79,4 @@ const Node: FC<NodeProps<VariableAssignerNodeType>> = (props) => {
   )
 }
 
-export default Node
+export default React.memo(Node)