yujunjun/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2025-11-28 11:56:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: simplify workflow draft synchronization in InputFieldDialog

Browse Source
This commit is contained in:
twwu 2025-06-05 11:07:28 +08:00
parent 7506867fb9
commit c83370f701
1 changed files with 3 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/app/components/rag-pipeline/components/input-field/index.tsx
View File

@ -24,7 +24,6 @@ import Divider from '@/app/components/base/divider'
import Tooltip from '@/app/components/base/tooltip' import Tooltip from '@/app/components/base/tooltip'
import cn from '@/utils/classnames' import cn from '@/utils/classnames'
import PreviewPanel from './preview' import PreviewPanel from './preview'
import { useDebounceFn, useUnmount } from 'ahooks'
type InputFieldDialogProps = { type InputFieldDialogProps = {
readonly?: boolean readonly?: boolean
@ -54,18 +53,7 @@ const InputFieldDialog = ({
} }
const inputFieldsMap = useRef(getInputFieldsMap()) const inputFieldsMap = useRef(getInputFieldsMap())
const { doSyncWorkflowDraft } = useNodesSyncDraft() const { handleSyncWorkflowDraft } = useNodesSyncDraft()
const { run: syncWorkflowDraft, cancel: cancelSyncWorkflowDraft } = useDebounceFn(async () => {
await doSyncWorkflowDraft()
}, {
wait: 500,
})
useUnmount(() => {
cancelSyncWorkflowDraft()
doSyncWorkflowDraft()
})
const datasourceNodeDataMap = useMemo(() => { const datasourceNodeDataMap = useMemo(() => {
const datasourceNodeDataMap: Record<string, DataSourceNodeType> = {} const datasourceNodeDataMap: Record<string, DataSourceNodeType> = {}
@ -90,8 +78,8 @@ const InputFieldDialog = ({
}) })
}) })
setRagPipelineVariables?.(newRagPipelineVariables) setRagPipelineVariables?.(newRagPipelineVariables)
await syncWorkflowDraft() handleSyncWorkflowDraft()
}, [setRagPipelineVariables, syncWorkflowDraft]) }, [setRagPipelineVariables, handleSyncWorkflowDraft])
const closePanel = useCallback(() => { const closePanel = useCallback(() => {
setShowInputFieldDialog?.(false) setShowInputFieldDialog?.(false)