From f93b3c742410c247194921bdf2cce3ca0ab4c4df Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Mon, 14 Apr 2025 20:37:31 +0800
Subject: [PATCH] fix(style): see flickering in tooltip overflow dom

---
 src/components/markdown-viewer/index.less         |  1 +
 src/components/overlay-scroller/index.tsx         |  1 +
 src/locales/en-US/models.ts                       |  3 ++-
 src/locales/ja-JP/models.ts                       |  4 +++-
 src/locales/ru-RU/models.ts                       |  4 +++-
 src/locales/zh-CN/models.ts                       |  5 +++--
 src/pages/llmodels/components/model-file-item.tsx | 10 ++++++++--
 7 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/components/markdown-viewer/index.less b/src/components/markdown-viewer/index.less
index 228181e1..a59c5564 100644
--- a/src/components/markdown-viewer/index.less
+++ b/src/components/markdown-viewer/index.less
@@ -78,6 +78,7 @@
   table {
     width: 100%;
     margin-bottom: 1.2em;
+    font-size: var(--font-size-small);
 
     th {
       font-weight: var(--font-weight-bold);
diff --git a/src/components/overlay-scroller/index.tsx b/src/components/overlay-scroller/index.tsx
index 6e0896e3..1ef988a5 100644
--- a/src/components/overlay-scroller/index.tsx
+++ b/src/components/overlay-scroller/index.tsx
@@ -32,6 +32,7 @@ const OverlayScroller: React.FC<any> = ({
   return (
     <Wrapper
       ref={scroller}
+      data-overlayscrollbars-initialize
       className="overlay-scroller-wrapper"
       $maxHeight={maxHeight || 200}
       hidden={false}
diff --git a/src/locales/en-US/models.ts b/src/locales/en-US/models.ts
index 06c74a6f..b2c1d4be 100644
--- a/src/locales/en-US/models.ts
+++ b/src/locales/en-US/models.ts
@@ -146,5 +146,6 @@ export default {
   'models.table.apiAccessInfo.apikey': 'API Key',
   'models.table.apiAccessInfo.openaiCompatible': 'OpenAI Compatible',
   'models.table.apiAccessInfo.jinaCompatible': 'Jina Compatible',
-  'models.table.apiAccessInfo.gotoCreate': 'Go to Create'
+  'models.table.apiAccessInfo.gotoCreate': 'Go to Create',
+  'models.search.parts': '{n} parts'
 };
diff --git a/src/locales/ja-JP/models.ts b/src/locales/ja-JP/models.ts
index 34901e7c..d9153321 100644
--- a/src/locales/ja-JP/models.ts
+++ b/src/locales/ja-JP/models.ts
@@ -143,7 +143,8 @@ export default {
   'models.table.apiAccessInfo.apikey': 'API Key',
   'models.table.apiAccessInfo.openaiCompatible': 'OpenAI Compatible',
   'models.table.apiAccessInfo.jinaCompatible': 'Jina Compatible',
-  'models.table.apiAccessInfo.gotoCreate': 'Go to Create'
+  'models.table.apiAccessInfo.gotoCreate': 'Go to Create',
+  'models.search.parts': '{n} parts'
 };
 
 // ========== To-Do: Translate Keys (Remove After Translation) ==========
@@ -175,4 +176,5 @@ export default {
 // 26. 'models.form.backend.vllm',
 // 27. 'models.form.backend.voxbox',
 // 28. 'models.form.backend.mindie',
+// 29. 'models.search.parts'
 // ========== End of To-Do List ==========
diff --git a/src/locales/ru-RU/models.ts b/src/locales/ru-RU/models.ts
index 50b777e8..75e4fc2f 100644
--- a/src/locales/ru-RU/models.ts
+++ b/src/locales/ru-RU/models.ts
@@ -147,7 +147,8 @@ export default {
   'models.table.apiAccessInfo.apikey': 'API Key',
   'models.table.apiAccessInfo.openaiCompatible': 'OpenAI Compatible',
   'models.table.apiAccessInfo.jinaCompatible': 'Jina Compatible',
-  'models.table.apiAccessInfo.gotoCreate': 'Go to Create'
+  'models.table.apiAccessInfo.gotoCreate': 'Go to Create',
+  'models.search.parts': '{n} parts'
 };
 
 // ========== To-Do: Translate Keys (Remove After Translation) ==========
@@ -167,4 +168,5 @@ export default {
 // 14. 'models.form.backend.vllm',
 // 15. 'models.form.backend.voxbox',
 // 16. 'models.form.backend.mindie',
+// 17. 'models.search.parts'
 // ========== End of To-Do List ==========
diff --git a/src/locales/zh-CN/models.ts b/src/locales/zh-CN/models.ts
index 90a378f1..47fed891 100644
--- a/src/locales/zh-CN/models.ts
+++ b/src/locales/zh-CN/models.ts
@@ -118,7 +118,7 @@ export default {
     '要使用 llama-box 后端，请指定模型文件的完整路径（例如：<span style="font-weight: 700">/data/models/model.gguf</span>）。对于分片模型，请提供第一个分片的路径（例如：<span style="font-weight: 700">/data/models/model-00001-of-00004.gguf</span>）。',
   'models.form.keyvalue.paste':
     '粘贴多行文本，每行包含一个键值对，键和值之间用 = 号分隔，不同的键值对之间用换行符分隔。',
-  'models.form.files': '文件',
+  'models.form.files': '个文件',
   'models.table.status': '状态',
   'models.form.submit.anyway': '仍然提交',
   'models.form.evaluating': '评估模型兼容性中...',
@@ -139,5 +139,6 @@ export default {
   'models.table.apiAccessInfo.apikey': 'API 密钥',
   'models.table.apiAccessInfo.openaiCompatible': 'OpenAI 兼容',
   'models.table.apiAccessInfo.jinaCompatible': 'Jina 兼容',
-  'models.table.apiAccessInfo.gotoCreate': '去创建'
+  'models.table.apiAccessInfo.gotoCreate': '去创建',
+  'models.search.parts': '{n} 个文件'
 };
diff --git a/src/pages/llmodels/components/model-file-item.tsx b/src/pages/llmodels/components/model-file-item.tsx
index b7fb1055..c3e95de4 100644
--- a/src/pages/llmodels/components/model-file-item.tsx
+++ b/src/pages/llmodels/components/model-file-item.tsx
@@ -1,6 +1,7 @@
 import { TooltipOverlayScroller } from '@/components/overlay-scroller';
 import { convertFileSize } from '@/utils';
 import { InfoCircleOutlined } from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
 import { Tag } from 'antd';
 import classNames from 'classnames';
 import _ from 'lodash';
@@ -20,10 +21,12 @@ interface ModelFileItemProps {
 }
 
 const FilePartsTag = (props: { parts: any[] }) => {
+  const { parts } = props;
+  const intl = useIntl();
   if (!props.parts || !props.parts.length) {
     return null;
   }
-  const { parts } = props;
+
   return (
     <TooltipOverlayScroller title={<FileParts fileList={parts}></FileParts>}>
       <Tag
@@ -35,7 +38,10 @@ const FilePartsTag = (props: { parts: any[] }) => {
       >
         <span style={{ opacity: 1 }}>
           <InfoCircleOutlined className="m-r-5" />
-          {parts.length} parts
+          {intl.formatMessage(
+            { id: 'models.search.parts' },
+            { n: parts.length }
+          )}
         </span>
       </Tag>
     </TooltipOverlayScroller>