fix: jump to playground from model list

src/pages/playground/components/ground-reranker.tsx

@@ -2,7 +2,7 @@ import useOverlayScroller from '@/hooks/use-overlay-scroller';
 import useRequestToken from '@/hooks/use-request-token';
 import { ClearOutlined, PlusOutlined, SendOutlined } from '@ant-design/icons';
 import { useIntl, useSearchParams } from '@umijs/max';
-import { Button, Input, Spin, Tag, Tooltip } from 'antd';
+import { Button, Checkbox, Input, Spin, Tag, Tooltip } from 'antd';
 import classNames from 'classnames';
 import _ from 'lodash';
 import 'overlayscrollbars/overlayscrollbars.css';
@@ -77,7 +77,7 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
   const messageListLengthCache = useRef<number>(0);
   const requestToken = useRef<any>(null);
   const formRef = useRef<any>(null);
-  const [multiplePasteEnable, setMultiplePasteEnable] = useState<boolean>(true);
+  const multiplePasteEnable = useRef<boolean>(true);
   const [fileList, setFileList] = useState<
     {
       text: string;
@@ -346,22 +346,30 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
 
   const handleOnPaste = useCallback(
     (e: any, index: number) => {
-      if (!multiplePasteEnable) return;
+      if (!multiplePasteEnable.current) return;
       const text = e.clipboardData.getData('text');
       if (text) {
-        console.log('text:', text);
+        const currentContent = textList[index]?.text;
         const dataLlist = text.split('\n').map((item: string) => {
           return {
             text: item?.trim(),
-            uid: inputListRef.current?.setMessageId(),
+            uid: setMessageId(),
             name: ''
           };
         });
+        dataLlist[0].text = currentContent + dataLlist[0].text;
         const result = [
           ...textList.slice(0, index),
           ...dataLlist,
           ...textList.slice(index + 1)
-        ].filter((item) => item.text);
+        ]
+          .filter((item) => item.text)
+          .map((item, index) => {
+            return {
+              ...item,
+              uid: setMessageId()
+            };
+          });
         setTextList(result);
       }
     },
@@ -470,19 +478,16 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
                     id: 'playground.input.multiplePaste.tips'
                   })}
                 >
-                  <Button
-                    className="flex-center"
-                    variant="filled"
-                    size="middle"
-                    color={multiplePasteEnable ? 'primary' : 'default'}
-                    onClick={() => {
-                      setMultiplePasteEnable(!multiplePasteEnable);
+                  <Checkbox
+                    defaultChecked={multiplePasteEnable.current}
+                    onChange={(e: any) => {
+                      multiplePasteEnable.current = e.target.checked;
                     }}
                   >
                     {intl.formatMessage({
                       id: 'playground.input.multiplePaste'
                     })}
-                  </Button>
+                  </Checkbox>
                 </Tooltip>
                 <Button size="middle" onClick={handleAddText}>
                   <PlusOutlined />