pref: reduce the times of useNodes reRender (#28682)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

web/app/components/workflow/nodes/assigner/hooks.ts

@@ -1,7 +1,5 @@
 import { useCallback } from 'react'
-import {
-  useNodes,
-} from 'reactflow'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { uniqBy } from 'lodash-es'
 import {
   useIsChatMode,

web/app/components/workflow/nodes/assigner/node.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react'
 import React from 'react'
-import { useNodes } from 'reactflow'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { useTranslation } from 'react-i18next'
 import type { AssignerNodeType } from './types'
 import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'

web/app/components/workflow/nodes/document-extractor/node.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react'
 import React from 'react'
-import { useNodes } from 'reactflow'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { useTranslation } from 'react-i18next'
 import type { DocExtractorNodeType } from './types'
 import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'

web/app/components/workflow/nodes/if-else/components/condition-value.tsx

@@ -3,7 +3,7 @@ import {
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useNodes } from 'reactflow'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { ComparisonOperator } from '../types'
 import {
   comparisonOperatorNotRequireValue,
@@ -46,7 +46,7 @@ const ConditionValue = ({
     if (Array.isArray(value)) // transfer method
       return value[0]
 
-    if(value === true || value === false)
+    if (value === true || value === false)
       return value ? 'True' : 'False'
 
     return value.replace(/{{#([^#]*)#}}/g, (a, b) => {

web/app/components/workflow/nodes/list-operator/node.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react'
 import React from 'react'
-import { useNodes } from 'reactflow'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { useTranslation } from 'react-i18next'
 import type { ListFilterNodeType } from './types'
 import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'

web/app/components/workflow/nodes/variable-assigner/components/node-group-item.tsx

@@ -3,7 +3,7 @@ import {
   useMemo,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useNodes } from 'reactflow'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
 import { useStore } from '../../../store'
 import { BlockEnum } from '../../../types'
 import type {

web/app/components/workflow/nodes/variable-assigner/hooks.ts

@@ -1,8 +1,9 @@
 import { useCallback } from 'react'
 import {
-  useNodes,
   useStoreApi,
 } from 'reactflow'
+import useNodes from '@/app/components/workflow/store/workflow/use-nodes'
+
 import { uniqBy } from 'lodash-es'
 import { produce } from 'immer'
 import {