fix(style): see flickering in tooltip overflow dom

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);

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}

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'
 };

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 ==========

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 ==========

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} 个文件'
 };

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>