@file-viewer/renderer-3d 2.1.1 → 2.1.3

package/dist/model.d.ts

@@ -1,2 +1,2 @@
-import type { FileRenderContext, FileViewerRenderedInstance } from '@file-viewer/core';
+import { type FileRenderContext, type FileViewerRenderedInstance } from '@file-viewer/core';
 export default function renderModel(buffer: ArrayBuffer, target: HTMLDivElement, type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;

package/dist/model.js

@@ -1,5 +1,6 @@
 import * as THREE from 'three';
 import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
+import { createFileViewerTranslator, } from '@file-viewer/core';
 import { formatGeometryKernelNotice, inspectGeometryKernelFile, isGeometryKernelFormat, } from '@file-viewer/geometry-engine';
 const modelStyle = `
 .model-viewer{display:flex;height:100%;min-height:100%;flex-direction:column;background:#f8fafc;color:#162333}
@@ -85,9 +86,10 @@ const disposeObject = (object) => {
 export default async function renderModel(buffer, target, type = 'glb', context) {
     const normalizedType = type.toLowerCase();
     const sourceUrl = context?.url;
+    const t = createFileViewerTranslator(context?.options);
     let status = 'loading';
     let errorMessage = '';
-    let objectSummary = '正在加载模型';
+    let objectSummary = t('model.state.loadingSummary');
     let autoRotate = false;
     let wireframe = false;
     let showGrid = true;
@@ -107,17 +109,17 @@ export default async function renderModel(buffer, target, type = 'glb', context)
     const root = createElement('div', 'model-viewer');
     const toolbar = createElement('div', 'model-toolbar');
     const actions = createElement('div', 'model-actions');
-    const fitButton = createElement('button', undefined, '适配');
-    const rotateButton = createElement('button', undefined, '旋转');
-    const wireframeButton = createElement('button', undefined, '线框');
-    const gridButton = createElement('button', undefined, '网格');
-    const axesButton = createElement('button', undefined, '坐标');
+    const fitButton = createElement('button', undefined, t('model.toolbar.fit'));
+    const rotateButton = createElement('button', undefined, t('model.toolbar.rotate'));
+    const wireframeButton = createElement('button', undefined, t('model.toolbar.wireframe'));
+    const gridButton = createElement('button', undefined, t('model.toolbar.grid'));
+    const axesButton = createElement('button', undefined, t('model.toolbar.axes'));
     const meta = createElement('div', 'model-meta');
     const typeText = createElement('strong', undefined, normalizedType.toUpperCase());
     const summaryText = createElement('span', undefined, objectSummary);
     const stage = createElement('div', 'model-stage');
     const canvas = document.createElement('canvas');
-    const state = createElement('div', 'model-state', '正在解析 3D 模型...');
+    const state = createElement('div', 'model-state', t('model.state.loading'));
     const buttons = [fitButton, rotateButton, wireframeButton, gridButton, axesButton];
     buttons.forEach(button => {
         button.type = 'button';
@@ -148,10 +150,10 @@ export default async function renderModel(buffer, target, type = 'glb', context)
         state.hidden = status === 'ready';
         state.classList.toggle('error', status === 'error');
         if (status === 'loading') {
-            state.textContent = '正在解析 3D 模型...';
+            state.textContent = t('model.state.loading');
         }
         else if (status === 'error') {
-            state.replaceChildren(createElement('strong', undefined, '模型解析失败'), createElement('span', undefined, errorMessage));
+            state.replaceChildren(createElement('strong', undefined, t('model.state.parseFailed')), createElement('span', undefined, errorMessage));
         }
     };
     const updateHelperVisibility = () => {
@@ -270,12 +272,12 @@ export default async function renderModel(buffer, target, type = 'glb', context)
         const { meshes, points } = countMeshes(object);
         const parts = [];
         if (meshes) {
-            parts.push(`${meshes} 个网格`);
+            parts.push(t('model.summary.meshes', { count: meshes }));
         }
         if (points) {
-            parts.push(`${points} 个点云`);
+            parts.push(t('model.summary.points', { count: points }));
         }
-        objectSummary = parts.length ? parts.join('，') : '模型已加载';
+        objectSummary = parts.length ? parts.join(' · ') : t('model.state.loaded');
         updateUi();
     };
     const normalizeObject = (object) => {
@@ -370,7 +372,7 @@ export default async function renderModel(buffer, target, type = 'glb', context)
         const { ColladaLoader } = await import('three/addons/loaders/ColladaLoader.js');
         const result = new ColladaLoader().parse(readText(), getResourcePath(sourceUrl));
         if (!result?.scene) {
-            throw new Error('DAE 模型未解析出有效场景');
+            throw new Error(t('model.error.daeEmpty'));
         }
         return result.scene;
     };
@@ -397,7 +399,7 @@ export default async function renderModel(buffer, target, type = 'glb', context)
     const explainEngineeringModel = (modelType) => {
         const inspection = inspectGeometryKernelFile(buffer, modelType);
         const notice = formatGeometryKernelNotice(inspection.format || modelType);
-        const signature = inspection.signature ? `检测到文件签名: ${inspection.signature}。` : '';
+        const signature = inspection.signature ? t('model.notice.signature', { signature: inspection.signature }) : '';
         const warnings = inspection.warnings.length ? ` ${inspection.warnings.join(' ')}` : '';
         throw new ModelPreviewNotice(`${signature}${notice}${warnings}`);
     };
@@ -471,14 +473,14 @@ export default async function renderModel(buffer, target, type = 'glb', context)
                 if (isGeometryKernelFormat(modelType)) {
                     return explainEngineeringModel(modelType);
                 }
-                throw new Error(`暂不支持 .${modelType} 模型格式`);
+                throw new Error(t('model.error.unsupported', { type: modelType }));
         }
     };
     const loadModel = async () => {
         const version = ++activeVersion;
         status = 'loading';
         errorMessage = '';
-        objectSummary = '正在加载模型';
+        objectSummary = t('model.state.loadingSummary');
         updateUi();
         ensureScene();
         try {
@@ -499,7 +501,7 @@ export default async function renderModel(buffer, target, type = 'glb', context)
                 console.error(reason);
             }
             status = 'error';
-            errorMessage = normalizeError(reason) || `${normalizedType.toUpperCase()} 模型解析失败`;
+            errorMessage = normalizeError(reason) || t('model.error.parseFailed', { type: normalizedType.toUpperCase() });
             updateUi();
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-3d",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "private": false,
   "type": "module",
   "description": "Standalone 3D model renderer plugin for Flyfish File Viewer powered by Three.js loaders and OrbitControls.",
@@ -57,8 +57,8 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "^2.1.1",
-    "@file-viewer/geometry-engine": "^2.1.1",
+    "@file-viewer/core": "^2.1.3",
+    "@file-viewer/geometry-engine": "^2.1.3",
     "three": "^0.184.0"
   },
   "devDependencies": {