From b576491156b76bc0306fed40eba588d3cf75f0c2 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Thu, 16 Jan 2025 10:14:05 +0800
Subject: [PATCH] fix: remove storkes when use a new base image

---
 src/pages/llmodels/components/data-form.tsx    |  3 +--
 src/pages/playground/components/image-edit.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/pages/llmodels/components/data-form.tsx b/src/pages/llmodels/components/data-form.tsx
index 7ddd65a9..1eceaa75 100644
--- a/src/pages/llmodels/components/data-form.tsx
+++ b/src/pages/llmodels/components/data-form.tsx
@@ -120,8 +120,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
       return {
         ...item,
         title: '',
-        label: ` ${item.name}(${item.worker_name})[
-            ${intl.formatMessage({ id: 'resources.table.index' })}:${item.index}]`,
+        label: ` ${item.name}(${item.worker_name}) [${intl.formatMessage({ id: 'resources.table.index' })}:${item.index}]`,
         value: item.id
       };
     });
diff --git a/src/pages/playground/components/image-edit.tsx b/src/pages/playground/components/image-edit.tsx
index 934c7eac..7fe3aff7 100644
--- a/src/pages/playground/components/image-edit.tsx
+++ b/src/pages/playground/components/image-edit.tsx
@@ -133,7 +133,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
   const doneImage = useRef<boolean>(false);
   const cacheFormData = useRef<any>({});
   const size = Form.useWatch('size', form.current?.form);
-  const [imguid, setImgUid] = useState<number>(0);
+  const [activeImgUid, setActiveImgUid] = useState<number>(0);
 
   const { initialize, updateScrollerPosition } = useOverlayScroller();
   const { initialize: innitializeParams } = useOverlayScroller();
@@ -292,7 +292,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
         return pre.map((item) => {
           return {
             ...item,
-            uid: setMessageId(),
+            uid: activeImgUid,
             dataUrl: image
           };
         });
@@ -626,7 +626,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
     const img = _.get(base64List, '[0].dataUrl', '');
     setUploadList(base64List);
     setImage(img);
-    setImgUid(_.get(base64List, '[0].uid', ''));
+    setActiveImgUid(_.get(base64List, '[0].uid', ''));
     setImageStatus({
       isOriginal: false,
       isResetNeeded: true
@@ -647,7 +647,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
     if (image) {
       return (
         <CanvasImageEditor
-          imguid={imguid}
+          imguid={activeImgUid}
           imageStatus={imageStatus}
           imageSrc={image}
           disabled={loading}
@@ -692,7 +692,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
     if (item.progress < 100) {
       return;
     }
-    setImgUid(item.uid);
+    setActiveImgUid(item.uid);
     setImage(item.dataUrl);
     setImageStatus({
       isOriginal: isOrigin,