From ecb07a5d0df4fded2ae300d46f86f6d2ecbb4978 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Mon, 16 Jun 2025 18:25:30 +0800
Subject: [PATCH] feat: enhance field list functionality by adding chosen and
 selected properties to SortableItem

---
 web/app/components/base/form/form-scenarios/base/field.tsx      | 2 ++
 .../components/input-field/field-list/field-list-container.tsx  | 2 ++
 .../rag-pipeline/components/input-field/field-list/hooks.ts     | 2 +-
 .../rag-pipeline/components/input-field/field-list/types.ts     | 2 ++
 4 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/app/components/base/form/form-scenarios/base/field.tsx b/web/app/components/base/form/form-scenarios/base/field.tsx
index e36a2ecf2b..feea8d0f41 100644
--- a/web/app/components/base/form/form-scenarios/base/field.tsx
+++ b/web/app/components/base/form/form-scenarios/base/field.tsx
@@ -33,6 +33,7 @@ const BaseField = ({
       allowedFileTypes,
       allowedFileUploadMethods,
       maxLength,
+      unit,
     } = config
 
     const isAllConditionsMet = useStore(form.store, (state) => {
@@ -101,6 +102,7 @@ const BaseField = ({
               placeholder={placeholder}
               max={max}
               min={min}
+              unit={unit}
             />
           )}
         />
diff --git a/web/app/components/rag-pipeline/components/input-field/field-list/field-list-container.tsx b/web/app/components/rag-pipeline/components/input-field/field-list/field-list-container.tsx
index d1c2f768d7..b82a3f018f 100644
--- a/web/app/components/rag-pipeline/components/input-field/field-list/field-list-container.tsx
+++ b/web/app/components/rag-pipeline/components/input-field/field-list/field-list-container.tsx
@@ -30,6 +30,8 @@ const FieldListContainer = ({
     return inputFields.map((content) => {
       return ({
         id: content.variable,
+        chosen: false,
+        selected: false,
         ...content,
       })
     })
diff --git a/web/app/components/rag-pipeline/components/input-field/field-list/hooks.ts b/web/app/components/rag-pipeline/components/input-field/field-list/hooks.ts
index 408e01fe03..aeced64ca7 100644
--- a/web/app/components/rag-pipeline/components/input-field/field-list/hooks.ts
+++ b/web/app/components/rag-pipeline/components/input-field/field-list/hooks.ts
@@ -37,7 +37,7 @@ export const useFieldList = (
 
   const handleListSortChange = useCallback((list: SortableItem[]) => {
     const newInputFields = list.map((item) => {
-      const { id, ...filed } = item
+      const { id, chosen, selected, ...filed } = item
       return filed
     })
     handleInputFieldsChange(newInputFields)
diff --git a/web/app/components/rag-pipeline/components/input-field/field-list/types.ts b/web/app/components/rag-pipeline/components/input-field/field-list/types.ts
index 107b923969..7f41599bce 100644
--- a/web/app/components/rag-pipeline/components/input-field/field-list/types.ts
+++ b/web/app/components/rag-pipeline/components/input-field/field-list/types.ts
@@ -2,4 +2,6 @@ import type { InputVar } from '@/models/pipeline'
 
 export type SortableItem = {
   id: string
+  chosen: boolean,
+  selected: boolean,
 } & InputVar