@file-viewer/renderer-spreadsheet 2.1.2 → 2.1.4

package/dist/spreadsheet.js

@@ -1,4 +1,4 @@
-import { createFileViewerWorkerController, createFileViewerZoomChangeEmitter as createZoomChangeEmitter, registerFileViewerZoomProvider, resolveFileViewerSpreadsheetWorkerUrl, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
+import { createFileViewerWorkerController, createFileViewerTranslator, createFileViewerZoomChangeEmitter as createZoomChangeEmitter, registerFileViewerZoomProvider, resolveFileViewerSpreadsheetWorkerUrl, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
 import { buildRows, clampWindowStart, collectWindowStarts, createEmptyVirtualState, DEFAULT_SHEET_DEFAULTS, displayCellKey, getDataKey, INDEX_COLUMN_KEY, markWindowState, ROW_STATE_FIELD, RowState, WINDOW_SIZE, } from './spreadsheet/state.js';
 import { buildColumns, createTableConfig, detectIndexOffset, getDisplayColumns, getRowHeight, HEADER_HEIGHT, INDEX_COLUMN_WIDTH, normalizeCellStyle, normalizeRowHeight, RESIZABLE_COLUMN_MIN_WIDTH, } from './spreadsheet/view.js';
 const spreadsheetStyle = `
@@ -193,34 +193,46 @@ const renderFileViewerSpreadsheet = async (buffer, target, _type, context) => {
     var _a, _b, _c, _d;
     const documentRef = target.ownerDocument;
     const EVirtTable = await loadEVirtTable();
+    const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     const zoomEmitter = createZoomChangeEmitter();
     const root = documentRef.createElement('div');
     root.className = 'excel-wrapper';
     root.dataset.viewerZoomProvider = 'xlsx';
     const loading = documentRef.createElement('div');
     loading.className = 'loading';
-    loading.innerHTML = `
-    <div class="loading-card">
-      <div class="loading-brand">XLSX</div>
-      <div class="loading-copy">
-        <span class="loading-kicker">Excel 表格</span>
-        <strong data-loading-title>正在解析 Excel 工作簿</strong>
-        <p>正在准备工作表、样式和大数据视口，请稍候。</p>
-      </div>
-      <span class="loading-spinner"></span>
-    </div>
-  `;
+    const loadingCard = documentRef.createElement('div');
+    loadingCard.className = 'loading-card';
+    const loadingBrand = documentRef.createElement('div');
+    loadingBrand.className = 'loading-brand';
+    loadingBrand.textContent = 'XLSX';
+    const loadingCopy = documentRef.createElement('div');
+    loadingCopy.className = 'loading-copy';
+    const loadingKicker = documentRef.createElement('span');
+    loadingKicker.className = 'loading-kicker';
+    loadingKicker.textContent = t('spreadsheet.loading.kicker');
+    const loadingTitle = documentRef.createElement('strong');
+    loadingTitle.dataset.loadingTitle = 'true';
+    loadingTitle.textContent = t('spreadsheet.loading.title');
+    const loadingHint = documentRef.createElement('p');
+    loadingHint.textContent = t('spreadsheet.loading.hint');
+    loadingCopy.append(loadingKicker, loadingTitle, loadingHint);
+    const loadingSpinner = documentRef.createElement('span');
+    loadingSpinner.className = 'loading-spinner';
+    loadingCard.append(loadingBrand, loadingCopy, loadingSpinner);
+    loading.appendChild(loadingCard);
     const error = documentRef.createElement('div');
     error.className = 'error hidden';
     const tableWrapper = documentRef.createElement('div');
     tableWrapper.className = 'table-wrapper';
     const sheetLoading = documentRef.createElement('div');
     sheetLoading.className = 'sheet-loading hidden';
-    sheetLoading.innerHTML = `
-    <span class="sheet-loading-dot"></span>
-    <span>正在平滑补充可视区数据</span>
-    <span class="sheet-loading-summary"></span>
-  `;
+    const sheetLoadingDot = documentRef.createElement('span');
+    sheetLoadingDot.className = 'sheet-loading-dot';
+    const sheetLoadingText = documentRef.createElement('span');
+    sheetLoadingText.textContent = t('spreadsheet.loading.streaming');
+    const sheetLoadingSummary = documentRef.createElement('span');
+    sheetLoadingSummary.className = 'sheet-loading-summary';
+    sheetLoading.append(sheetLoadingDot, sheetLoadingText, sheetLoadingSummary);
     const tableHostShell = documentRef.createElement('div');
     tableHostShell.className = 'table-host';
     const tableHost = documentRef.createElement('div');
@@ -236,7 +248,7 @@ const renderFileViewerSpreadsheet = async (buffer, target, _type, context) => {
     toolbar.className = 'toolbar';
     const sheetTabsBar = documentRef.createElement('div');
     sheetTabsBar.className = 'btn-group';
-    sheetTabsBar.setAttribute('aria-label', '工作表列表');
+    sheetTabsBar.setAttribute('aria-label', t('spreadsheet.tabs.ariaLabel'));
     const summary = documentRef.createElement('div');
     summary.className = 'summary';
     toolbar.append(sheetTabsBar, summary);
@@ -293,17 +305,22 @@ const renderFileViewerSpreadsheet = async (buffer, target, _type, context) => {
     const getSheetLoadingText = () => {
         var _a;
         if (!sheets.length) {
-            return '正在解析 Excel 工作簿，请耐心等待...';
+            return t('spreadsheet.state.parsingWorkbook');
         }
         const activeName = (_a = getActiveSheet()) === null || _a === void 0 ? void 0 : _a.name;
-        return activeName ? `正在准备「${activeName}」...` : '正在准备工作表内容...';
+        return activeName
+            ? t('spreadsheet.state.preparingSheetNamed', { name: activeName })
+            : t('spreadsheet.state.preparingSheet');
     };
     const getCachedSummary = () => {
         if (!totalRows) {
             return '';
         }
         const cachedRows = Math.min(loadedWindowCount * WINDOW_SIZE, totalRows);
-        return `已缓存 ${cachedRows.toLocaleString()} / ${totalRows.toLocaleString()} 行`;
+        return t('spreadsheet.state.cachedRows', {
+            cached: cachedRows.toLocaleString(),
+            total: totalRows.toLocaleString(),
+        });
     };
     const getStatusSummary = () => {
         var _a, _b;
@@ -313,9 +330,12 @@ const renderFileViewerSpreadsheet = async (buffer, target, _type, context) => {
             return '';
         }
         if (!cols) {
-            return `共 ${rows} 行，按视口预取平滑加载`;
+            return t('spreadsheet.state.rows', { rows: rows.toLocaleString() });
         }
-        return `共 ${rows} 行，${cols} 列，按视口预取平滑加载`;
+        return t('spreadsheet.state.rowsAndColumns', {
+            rows: rows.toLocaleString(),
+            cols: cols.toLocaleString(),
+        });
     };
     const getZoomState = () => ({
         scale: zoom,
@@ -919,13 +939,13 @@ const renderFileViewerSpreadsheet = async (buffer, target, _type, context) => {
             virtualState.loadingWindows.clear();
             syncWindowStats();
         }
-        errorMessage = message || 'Excel 解析失败';
+        errorMessage = message || t('spreadsheet.error.parseFailed');
         renderChrome();
     });
     controller.onWorkerError((event) => {
         sheetInitializing = false;
         loadingState = false;
-        errorMessage = event.message || 'Excel Worker 运行失败';
+        errorMessage = event.message || t('spreadsheet.error.workerFailed');
         renderChrome();
     });
     (_c = context === null || context === void 0 ? void 0 : context.registerExportAdapter) === null || _c === void 0 ? void 0 : _c.call(context, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-spreadsheet",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "private": false,
   "type": "module",
   "description": "Standalone spreadsheet renderer plugin for Flyfish File Viewer powered by styled-exceljs and e-virt-table.",
@@ -68,7 +68,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "^2.1.2",
+    "@file-viewer/core": "^2.1.4",
     "e-virt-table": "^1.3.26",
     "styled-exceljs": "0.21.1",
     "tinycolor2": "^1.6.0"