chore: update storage path holder text

src/components/image-editor/hooks/use-zoom.ts

@@ -12,7 +12,7 @@ export default function useZoom(props: {
   translatePos: MutableRefObject<{ x: number; y: number }>;
   isLoadingMaskRef: MutableRefObject<boolean>;
 }) {
-  const MIN_SCALE = 0.5;
+  const MIN_SCALE = 0.2;
   const MAX_SCALE = 8;
   const ZOOM_SPEED = 0.1;
   const {
@@ -69,6 +69,15 @@ export default function useZoom(props: {
     translatePos.current = { x: newTranslateX, y: newTranslateY };
   };
 
+  const applyCanvasTransform = () => {
+    const scale = autoScale.current;
+    const transform = `scale(${scale})`;
+
+    overlayCanvasRef.current!.style.transform = transform;
+    canvasRef.current!.style.transform = transform;
+    offscreenCanvasRef.current!.style.transform = transform;
+  };
+
   const handleZoom = (event: React.WheelEvent<HTMLCanvasElement>) => {
     const scaleChange = event.deltaY > 0 ? -ZOOM_SPEED : ZOOM_SPEED;
 
@@ -78,10 +87,7 @@ export default function useZoom(props: {
 
     const mouseX = event.clientX - rect.left;
     const mouseY = event.clientY - rect.top;
-
+    applyCanvasTransform();
-    overlayCanvasRef.current!.style.transform = `scale(${autoScale.current})`;
-    canvasRef.current!.style.transform = `scale(${autoScale.current})`;
-    offscreenCanvasRef.current!.style.transform = `scale(${autoScale.current})`;
 
     setCanvasTransformOrigin(event);
     updateZoom(scaleChange, mouseX, mouseY);
@@ -101,6 +107,7 @@ export default function useZoom(props: {
     if (isLoadingMaskRef.current) {
       return;
     }
+    event.preventDefault();
     // stop
     handleZoom(event);
     updateCursorSize();
@@ -108,8 +115,12 @@ export default function useZoom(props: {
     setActiveScale(autoScale.current);
   };
 
+  const throttleHandleOnWheel = _.throttle((event: any) => {
+    handleOnWheel(event);
+  }, 16);
+
   return {
-    handleOnWheel,
+    handleOnWheel: handleOnWheel,
     setActiveScale,
     activeScale,
     autoScale,

src/locales/en-US/resources.ts

@@ -67,7 +67,7 @@ export default {
     'The default storage directory is <span class="desc-block">/var/lib/gpustack/cache</span>, or the directory specified by <span class="desc-block">--cache-dir</span> (preferred) or <span class="desc-block">--data-dir</span>.',
   'resources.modelfiles.retry.download': 'Retry Download',
   'resources.modelfiles.storagePath.holder':
-    'Download in progress: <span style="font-weight: 700">{name}</span>',
+    'Waiting for the download to complete...',
   'resources.filter.worker': 'Filter by worker',
   'resources.filter.source': 'Filter by Source',
   'resources.modelfiles.delete.tips': 'Also delete the file from disk!',

src/locales/ja-JP/resources.ts

@@ -68,7 +68,7 @@ export default {
     'The default storage directory is <span class="desc-block">/var/lib/gpustack/cache</span>, or the directory specified by <span class="desc-block">--cache-dir</span> (preferred) or <span class="desc-block">--data-dir</span>.',
   'resources.modelfiles.retry.download': 'Retry Download',
   'resources.modelfiles.storagePath.holder':
-    'Download in progress: <span style="font-weight: 700">{name}</span>',
+    'Waiting for download to complete...',
   'resources.filter.worker': 'Filter by worker',
   'resources.filter.source': 'Filter by Source',
   'resources.modelfiles.delete.tips': 'Also delete the file from disk!',

src/locales/ru-RU/resources.ts

@@ -66,8 +66,7 @@ export default {
   'resources.modelfiles.form.localdir.tips':
     'Каталог хранения по умолчанию — <span class="desc-block">/var/lib/gpustack/cache</span>, или каталог, указанный с помощью <span class="desc-block">--cache-dir</span> (предпочтительно) или <span class="desc-block">--data-dir</span>.', // Translated
   'resources.modelfiles.retry.download': 'Повторить загрузку',
-  'resources.modelfiles.storagePath.holder':
+  'resources.modelfiles.storagePath.holder': 'Ожидание завершения загрузки...',
-    'Идёт загрузка: <span style="font-weight: 700">{name}</span>',
   'resources.filter.worker': 'Фильтровать по узлу',
   'resources.filter.source': 'Фильтровать по источнику',
   'resources.modelfiles.delete.tips': 'Также удалить файл с диска!',

src/locales/zh-CN/resources.ts

@@ -65,8 +65,7 @@ export default {
   'resources.modelfiles.form.localdir.tips':
     '默认存储目录为 <span class="desc-block">/var/lib/gpustack/cache</span>，或使用 <span class="desc-block">--cache-dir</span>（优先）、<span class="desc-block">--data-dir</span> 指定的目录。',
   'resources.modelfiles.retry.download': '重新下载',
-  'resources.modelfiles.storagePath.holder':
+  'resources.modelfiles.storagePath.holder': '等待下载完成...',
-    '正在下载：<span style="font-weight: 700">{name}</span>',
   'resources.filter.worker': '按 Worker 筛选',
   'resources.filter.source': '按来源筛选',
   'resources.modelfiles.delete.tips': '同时从磁盘删除文件！',

src/pages/resources/components/model-files.tsx

@@ -251,21 +251,12 @@ const ResolvedPathColumn = (props: { record: ListItem }) => {
     !record.resolved_paths.length &&
     record.state === ModelfileStateMap.Downloading
   ) {
-    const modelInfo = getModelInfo(record);
-    const { filename } = modelInfo;
     return (
-      <span
+      <span>
-        dangerouslySetInnerHTML={{
+        {intl.formatMessage({
-          __html: intl.formatMessage(
+          id: 'resources.modelfiles.storagePath.holder'
-            {
+        })}
-              id: 'resources.modelfiles.storagePath.holder'
+      </span>
-            },
-            {
-              name: filename
-            }
-          )
-        }}
-      ></span>
     );
   }
   return (