From 3e150f45ca620a3c7b37740e4afeb002d42ca38e Mon Sep 17 00:00:00 2001
From: Mminamiyama <minamiyama@qq.com>
Date: Thu, 10 Jul 2025 16:53:18 +0800
Subject: [PATCH] refactor(variable-list): simplify variable list rendering and
 adjust drag handle position

Remove unnecessary mapping of list items with IDs and use direct variable references. Adjust drag handle position for better visual alignment.
---
 .../workflow/nodes/_base/components/variable/var-list.tsx  | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
index 5ae8427067..b1a8d52a05 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-list.tsx
@@ -128,15 +128,14 @@ const VarList: FC<Props> = ({
       ghostClass='opacity-50'
       animation={150}
     >
-      {listWithIds.map((item, index) => {
+      {list.map((variable, index) => {
         const canDrag = (() => {
           if (readonly)
             return false
           return varCount > 1
         })()
-        const variable = item.variable
         return (
-          <div className={cn('flex items-center space-x-1', 'group relative')} key={item.id || index}>
+          <div className={cn('flex items-center space-x-1', 'group relative')} key={index}>
             <Input
               wrapperClassName='w-[120px]'
               disabled={readonly}
@@ -161,7 +160,7 @@ const VarList: FC<Props> = ({
               <RemoveButton onClick={handleVarRemove(index)}/>
             )}
             {canDrag && <RiDraggable className={cn(
-              'handle absolute -left-4 top-3 hidden h-3 w-3 cursor-pointer text-text-quaternary',
+              'handle absolute -left-4 top-2.5 hidden h-3 w-3 cursor-pointer text-text-quaternary',
               'group-hover:block',
             )} />}
           </div>