opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: Enhance InputFieldPanel to manage preview and edit states more effectively

This commit is contained in:
twwu 2025-08-01 16:35:27 +08:00
parent 44d569a7c1
commit 1e5317d3f0
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,6 +31,7 @@ const InputFieldPanel = () => {
const showInputFieldPreviewPanel = useStore(state => state.showInputFieldPreviewPanel)
const setShowInputFieldPreviewPanel = useStore(state => state.setShowInputFieldPreviewPanel)
const inputFieldEditPanelProps = useStore(state => state.inputFieldEditPanelProps)
const setInputFieldEditPanelProps = useStore(state => state.setInputFieldEditPanelProps)
const getInputFieldsMap = () => {
const inputFieldsMap: Record<string, InputVar[]> = {}
@ -86,11 +87,13 @@ const InputFieldPanel = () => {
const closePanel = useCallback(() => {
setShowInputFieldPanel?.(false)
}, [setShowInputFieldPanel])
setShowInputFieldPreviewPanel?.(false)
setInputFieldEditPanelProps?.(null)
}, [setShowInputFieldPanel, setShowInputFieldPreviewPanel, setInputFieldEditPanelProps])
const togglePreviewPanel = useCallback(() => {
setShowInputFieldPreviewPanel?.(true)
}, [setShowInputFieldPreviewPanel])
setShowInputFieldPreviewPanel?.(!showInputFieldPreviewPanel)
}, [showInputFieldPreviewPanel, setShowInputFieldPreviewPanel])
const allVariableNames = useMemo(() => {
return ragPipelineVariables?.map(variable => variable.variable) || []
@ -110,6 +113,7 @@ const InputFieldPanel = () => {
showInputFieldPreviewPanel && 'bg-state-accent-active text-text-accent',
)}
onClick={togglePreviewPanel}
disabled={!!inputFieldEditPanelProps}
>
<RiEyeLine className='size-3.5' />
<span className='px-[3px]'>{t('datasetPipeline.operations.preview')}</span>