From 547f49a978cd6aaeac761b6fe1fb9630a4ea29fe Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Mon, 23 Jun 2025 16:23:19 +0800
Subject: [PATCH] fix: audio uploader has cache issue

---
 .../seal-table/components/header-prefix.tsx   | 40 ++++---------------
 src/components/upload-audio/index.tsx         | 10 ++---
 src/config/theme/dark.ts                      |  2 +-
 src/config/theme/index.ts                     |  2 +-
 src/locales/en-US/common.ts                   |  2 +-
 src/locales/en-US/playground.ts               |  2 +-
 src/locales/ja-JP/playground.ts               |  4 +-
 src/locales/ru-RU/playground.ts               |  4 +-
 src/locales/zh-CN/playground.ts               |  2 +-
 .../playground/components/ground-reranker.tsx |  3 +-
 .../multiple-chat/message-actions.tsx         | 25 ++++++------
 11 files changed, 35 insertions(+), 61 deletions(-)

diff --git a/src/components/seal-table/components/header-prefix.tsx b/src/components/seal-table/components/header-prefix.tsx
index 935d547c..245f5ca6 100644
--- a/src/components/seal-table/components/header-prefix.tsx
+++ b/src/components/seal-table/components/header-prefix.tsx
@@ -1,7 +1,7 @@
 import IconFont from '@/components/icon-font';
-import { ClearOutlined, RightOutlined } from '@ant-design/icons';
+import { RightOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Button, Checkbox, Tooltip } from 'antd';
+import { Button, Checkbox } from 'antd';
 import _ from 'lodash';
 import React from 'react';
 
@@ -77,36 +77,12 @@ const HeaderPrefix: React.FC<HeaderPrefixProps> = (props) => {
             expandable
           )}
         </span>
-        <Tooltip
-          destroyTooltipOnHide
-          fresh={true}
-          defaultOpen={false}
-          title={
-            indeterminate && (
-              <Button
-                size="small"
-                type="text"
-                variant="filled"
-                color="default"
-                icon={<ClearOutlined />}
-                onClick={handleUnCheckAll}
-              >
-                {intl.formatMessage({ id: 'common.button.clearSelection' })}
-              </Button>
-            )
-          }
-          overlayClassName="light-downloading-tooltip"
-          overlayInnerStyle={{
-            backgroundColor: 'var(--color-spotlight-bg)'
-          }}
-        >
-          <Checkbox
-            onChange={onSelectAll}
-            indeterminate={indeterminate}
-            checked={selectAll}
-            disabled={disabled}
-          ></Checkbox>
-        </Tooltip>
+        <Checkbox
+          onChange={onSelectAll}
+          indeterminate={indeterminate}
+          checked={selectAll}
+          disabled={disabled}
+        ></Checkbox>
       </div>
     );
   }
diff --git a/src/components/upload-audio/index.tsx b/src/components/upload-audio/index.tsx
index 13399ba1..0319475a 100644
--- a/src/components/upload-audio/index.tsx
+++ b/src/components/upload-audio/index.tsx
@@ -20,12 +20,10 @@ const UploadAudio: React.FC<UploadAudioProps> = (props) => {
     return false;
   };
 
-  const handleOnChange = React.useCallback(
-    (data: { file: any; fileList: any }) => {
-      props.onChange?.(data);
-    },
-    []
-  );
+  const handleOnChange = (data: { file: any; fileList: any }) => {
+    props.onChange?.(data);
+  };
+
   return (
     <Tooltip
       overlayInnerStyle={{ maxWidth: 290, width: 'max-content' }}
diff --git a/src/config/theme/dark.ts b/src/config/theme/dark.ts
index 0ad4d88d..1c928462 100644
--- a/src/config/theme/dark.ts
+++ b/src/config/theme/dark.ts
@@ -32,7 +32,7 @@ export default {
       iconSize: 16,
       iconMarginInlineEnd: 12,
       itemBorderRadius: 4,
-      itemHeight: 44,
+      itemHeight: 36,
       itemSelectedColor: '#007BFF',
       darkItemSelectedBg: '#141414',
       darkItemHoverBg: 'rgba(255, 255, 255, 0.03)',
diff --git a/src/config/theme/index.ts b/src/config/theme/index.ts
index 323f457a..1748ebab 100644
--- a/src/config/theme/index.ts
+++ b/src/config/theme/index.ts
@@ -6,5 +6,5 @@ export const colorPrimary = '#007BFF';
 export default {
   light,
   dark,
-  colorPrimary: '#007BFF'
+  colorPrimary: colorPrimary
 };
diff --git a/src/locales/en-US/common.ts b/src/locales/en-US/common.ts
index 0d125a52..97bb247f 100644
--- a/src/locales/en-US/common.ts
+++ b/src/locales/en-US/common.ts
@@ -105,7 +105,7 @@ export default {
   'common.button.addfile': 'Add File',
   'common.logout.msg': 'Log out succeeded',
   'common.button.logout': 'Log out',
-  'common.form.rule.select': 'please select {name}',
+  'common.form.rule.select': 'Please select a {name}',
   'common.form.rule.input': '{name} is required',
   'common.form.key': 'the same key exists',
   'common.date.utc': 'UTC time',
diff --git a/src/locales/en-US/playground.ts b/src/locales/en-US/playground.ts
index 8f6aa7d6..5b6fc0b6 100644
--- a/src/locales/en-US/playground.ts
+++ b/src/locales/en-US/playground.ts
@@ -152,5 +152,5 @@ export default {
     '1. After selection, no further masking can be drawn; therefore, you should draw the mask first and then check the option.\n 2. Once a mask image is uploaded, no further masks can be generated.',
   'playground.model.noavailable.tips2':
     'If the expected model isn’t showing up, make sure it’s running and correctly categorized. If the category is incorrect, you can manually adjust it in the model’s settings.',
-  'playground.rerank.query.validate': 'Please enter something to search.'
+  'playground.rerank.query.validate': 'The query is required.'
 };
diff --git a/src/locales/ja-JP/playground.ts b/src/locales/ja-JP/playground.ts
index 965c0988..ecc64a36 100644
--- a/src/locales/ja-JP/playground.ts
+++ b/src/locales/ja-JP/playground.ts
@@ -155,9 +155,9 @@ export default {
     '1. 選択後は追加のマスクを描画できません。そのため、最初にマスクを描画してからオプションを選択してください。\n 2. マスク画像をアップロードすると、追加のマスクを生成することはできません。',
   'playground.model.noavailable.tips2':
     '期待するモデルが表示されない場合は、モデルが実行中で正しく分類されていることを確認してください。カテゴリが間違っている場合は、モデルの設定で手動で調整できます。',
-  'playground.rerank.query.validate': 'Please enter something to search.'
+  'playground.rerank.query.validate': 'The query is required.'
 };
 
 // ========== To-Do: Translate Keys (Remove After Translation) ==========
-// 1. 'playground.rerank.query.validate': 'Please enter something to search.'
+// 1. 'playground.rerank.query.validate': 'The query is required.'
 // ========== End of To-Do List ==========
diff --git a/src/locales/ru-RU/playground.ts b/src/locales/ru-RU/playground.ts
index 78ee2728..dd90e7fa 100644
--- a/src/locales/ru-RU/playground.ts
+++ b/src/locales/ru-RU/playground.ts
@@ -149,9 +149,9 @@ export default {
     '1. После выделения области создание маски станет недоступным; поэтому сначала нарисуйте маску, а затем активируйте опцию. \n 2. После загрузки изображения маски создание новых масок невозможно.',
   'playground.model.noavailable.tips2':
     'Если нужная модель не отображается, убедитесь, что она запущена и ей присвоена правильная категория. Если категория указана неверно, её можно изменить вручную в настройках модели.',
-  'playground.rerank.query.validate': 'Please enter something to search.'
+  'playground.rerank.query.validate': 'The query is required.'
 };
 
 // ========== To-Do: Translate Keys (Remove After Translation) ==========
-// 1. 'playground.rerank.query.validate': 'Please enter something to search.'
+// 1. 'playground.rerank.query.validate': 'The query is required.'
 // ========== End of To-Do List ==========
diff --git a/src/locales/zh-CN/playground.ts b/src/locales/zh-CN/playground.ts
index 10f8ea29..2c47e192 100644
--- a/src/locales/zh-CN/playground.ts
+++ b/src/locales/zh-CN/playground.ts
@@ -146,5 +146,5 @@ export default {
     '1. 选择后，将不可再绘制遮罩；因此，你应该先绘制遮罩然后再勾选.\n 2. 当上传了遮罩图片，将不可再生成遮罩',
   'playground.model.noavailable.tips2':
     '若预期的模型未显示，请检查模型是否已正常运行并被正确分类。如分类不正确，请编辑模型并手动调整其类别。',
-  'playground.rerank.query.validate': '请输入搜索内容'
+  'playground.rerank.query.validate': '查询内容不能为空'
 };
diff --git a/src/pages/playground/components/ground-reranker.tsx b/src/pages/playground/components/ground-reranker.tsx
index bca76160..005fb4b2 100644
--- a/src/pages/playground/components/ground-reranker.tsx
+++ b/src/pages/playground/components/ground-reranker.tsx
@@ -248,6 +248,7 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
   const submitMessage = async (query: string) => {
     try {
       setIsEmptyQuery(!queryValue);
+      setTokenResult(null);
       await formRef.current?.form.validateFields();
 
       if (!parameters.model || !queryValue) return;
@@ -262,7 +263,7 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
       setIsEmptyText(false);
       setLoading(true);
       setMessageId();
-      setTokenResult(null);
+
       requestToken.current?.cancel?.();
       requestToken.current = requestSource();
 
diff --git a/src/pages/playground/components/multiple-chat/message-actions.tsx b/src/pages/playground/components/multiple-chat/message-actions.tsx
index fe854a9a..03492839 100644
--- a/src/pages/playground/components/multiple-chat/message-actions.tsx
+++ b/src/pages/playground/components/multiple-chat/message-actions.tsx
@@ -9,7 +9,7 @@ import {
 import { useIntl } from '@umijs/max';
 import { Button, Tooltip } from 'antd';
 import _ from 'lodash';
-import React, { useCallback } from 'react';
+import React from 'react';
 import { Roles } from '../../config';
 import {
   AudioFormat,
@@ -43,18 +43,17 @@ const MessageActions: React.FC<MessageActionsProps> = ({
 }) => {
   const intl = useIntl();
 
-  const handleUpdateImgList = useCallback(
-    (list: { uid: number | string; dataUrl: string }[]) => {
-      updateMessage?.({
-        role: data.role,
-        content: data.content,
-        uid: data.uid,
-        audio: data.audio || [],
-        imgs: [...(data.imgs || []), ...list]
-      });
-    },
-    [data, updateMessage]
-  );
+  const handleUpdateImgList = (
+    list: { uid: number | string; dataUrl: string }[]
+  ) => {
+    updateMessage?.({
+      role: data.role,
+      content: data.content,
+      uid: data.uid,
+      audio: data.audio || [],
+      imgs: [...(data.imgs || []), ...list]
+    });
+  };
 
   const handleUploadAudioChange = async (audio: {
     file: any;