office-viewer 0.3.14 → 0.3.16

package/esm/Word.d.ts

@@ -170,6 +170,10 @@ export default class Word implements OfficeViewer {
     currentParagraph: Paragraph;
     footNotes: Record<string, Note>;
     endNotes: Record<string, Note>;
+    /**
+     * 脚注/尾注 id 到显示序号的映射，key 为 type+'-'+id，value 为从 1 开始的序号
+     */
+    noteIndexMap: Record<string, number>;
     /**
      * 当前页码
      */

package/esm/Word.js

@@ -77,6 +77,10 @@ var Word = /** @class */ (function () {
         this.wrapClassName = 'docx-viewer-wrapper';
         this.footNotes = {};
         this.endNotes = {};
+        /**
+         * 脚注/尾注 id 到显示序号的映射，key 为 type+'-'+id，value 为从 1 开始的序号
+         */
+        this.noteIndexMap = {};
         this.inited = false;
         /**
          * 分页标记，如果为 true，那么在渲染的时候会强制分页
@@ -280,6 +284,29 @@ var Word = /** @class */ (function () {
             }
             finally { if (e_6) throw e_6.error; }
         }
+        // Fallback: some docx files declare footnotes/endnotes via relationships
+        // rather than ContentTypes overrides (e.g., Word-generated files)
+        if (Object.keys(this.footNotes).length === 0 &&
+            this.parser.fileExists('/word/footnotes.xml')) {
+            this.footNotes = parseFootnotes(this, this.parser.getXML('/word/footnotes.xml'));
+        }
+        if (Object.keys(this.endNotes).length === 0 &&
+            this.parser.fileExists('/word/endnotes.xml')) {
+            this.endNotes = parseEndnotes(this, this.parser.getXML('/word/endnotes.xml'));
+        }
+        // 建立序号映射，供正文引用渲染使用
+        var fnIndex = 1;
+        for (var id in this.footNotes) {
+            if (id !== '0' && id !== '-1' && !this.footNotes[id].isEmpty()) {
+                this.noteIndexMap['footnote-' + id] = fnIndex++;
+            }
+        }
+        var enIndex = 1;
+        for (var id in this.endNotes) {
+            if (id !== '0' && id !== '-1' && !this.endNotes[id].isEmpty()) {
+                this.noteIndexMap['endnote-' + id] = enIndex++;
+            }
+        }
     };
     /**
      * 获取全局关系
@@ -446,8 +473,14 @@ var Word = /** @class */ (function () {
             return [];
         }
         var classNames = [this.getStyleIdDisplayName(stylId)];
+        if (stylId.match(/^[a-zA-Z]+[a-zA-Z0-9\-\_]*$/)) {
+            classNames.push('docx-' + stylId);
+        }
         if (style.basedOn) {
             classNames.unshift(this.getStyleIdDisplayName(style.basedOn));
+            if (style.basedOn.match(/^[a-zA-Z]+[a-zA-Z0-9\-\_]*$/)) {
+                classNames.push('docx-' + style.basedOn);
+            }
         }
         return classNames;
     };
@@ -492,6 +525,7 @@ var Word = /** @class */ (function () {
      */
     Word.prototype.addClass = function (element, className) {
         element.classList.add("".concat(this.getClassPrefix(), "-").concat(className));
+        element.classList.add("docx-".concat(className));
     };
     /**
      * 更新页面中的变量，这个要在 render 后运行

package/esm/createOfficeViewer.js

@@ -19,8 +19,8 @@ import { fileTypeFromArrayBuffer } from './util/fileType.js';
 function createOfficeViewer(docFile, renderOptions, fileName, parser) {
     if (parser === void 0) { parser = new ZipPackageParser(); }
     return __awaiter(this, void 0, void 0, function () {
-        var fileExt, excel, fileType, isWord, isExcel, contentTypes, _a, _b, item, excel;
-        var e_1, _c;
+        var fileExt, excel, buffer, fileType, XLSX, workbook, rawData, e_1, isWord, isExcel, contentTypes, _a, _b, item, excel;
+        var e_2, _c;
         return __generator(this, function (_d) {
             switch (_d.label) {
                 case 0:
@@ -33,15 +33,35 @@ function createOfficeViewer(docFile, renderOptions, fileName, parser) {
                     _d.sent();
                     return [2 /*return*/, excel];
                 case 2:
-                    fileType = fileTypeFromArrayBuffer(docFile);
-                    if (fileType === null || (fileType.ext !== 'zip' && fileType.ext !== 'xml')) {
-                        if ((fileType === null || fileType === void 0 ? void 0 : fileType.ext) === 'cfb') {
-                            return [2 /*return*/, new UnSupport('不支持加密文件')];
-                        }
+                    buffer = docFile;
+                    fileType = fileTypeFromArrayBuffer(buffer);
+                    if (!((fileType === null || fileType === void 0 ? void 0 : fileType.ext) === 'cfb')) return [3 /*break*/, 7];
+                    _d.label = 3;
+                case 3:
+                    _d.trys.push([3, 5, , 6]);
+                    return [4 /*yield*/, import('./node_modules/xlsx/xlsx.mjs.js')];
+                case 4:
+                    XLSX = _d.sent();
+                    workbook = XLSX.read(new Uint8Array(buffer));
+                    rawData = XLSX.write(workbook, { type: 'array', bookType: 'xlsx' });
+                    buffer = new Uint8Array(rawData).buffer;
+                    if (fileName) {
+                        fileName = fileName.replace(/\.xls$/i, '.xlsx');
+                    }
+                    return [3 /*break*/, 6];
+                case 5:
+                    e_1 = _d.sent();
+                    return [2 /*return*/, new UnSupport('XLS文件转换失败: ' + e_1.message)];
+                case 6: return [3 /*break*/, 8];
+                case 7:
+                    if (fileType === null ||
+                        (fileType.ext !== 'zip' && fileType.ext !== 'xml')) {
                         return [2 /*return*/, new UnSupport('不支持的文件类型: ' + (fileType === null || fileType === void 0 ? void 0 : fileType.ext))];
                     }
+                    _d.label = 8;
+                case 8:
                     try {
-                        parser.load(docFile);
+                        parser.load(buffer);
                     }
                     catch (error) {
                         return [2 /*return*/, new UnSupport('文件解析失败')];
@@ -64,16 +84,16 @@ function createOfficeViewer(docFile, renderOptions, fileName, parser) {
                                 }
                             }
                         }
-                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
                         finally {
                             try {
                                 if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
                             }
-                            finally { if (e_1) throw e_1.error; }
+                            finally { if (e_2) throw e_2.error; }
                         }
                     }
                     else {
-                        if (fileName === null || fileName === void 0 ? void 0 : fileName.endsWith('.xlsx')) {
+                        if ((fileName === null || fileName === void 0 ? void 0 : fileName.endsWith('.xlsx')) || (fileName === null || fileName === void 0 ? void 0 : fileName.endsWith('.xls'))) {
                             isExcel = true;
                         }
                         else if (fileName === null || fileName === void 0 ? void 0 : fileName.endsWith('.docx')) {
@@ -85,10 +105,10 @@ function createOfficeViewer(docFile, renderOptions, fileName, parser) {
                         isWord = true;
                     }
                     if (isWord) {
-                        return [2 /*return*/, new Word(docFile, renderOptions, parser)];
+                        return [2 /*return*/, new Word(buffer, renderOptions, parser)];
                     }
                     else if (isExcel) {
-                        excel = new Excel(docFile, fileName, renderOptions, parser);
+                        excel = new Excel(buffer, fileName, renderOptions, parser);
                         return [2 /*return*/, excel];
                     }
                     else {

package/esm/excel/render/dnd/handleMouseup.js

@@ -3,12 +3,13 @@ import { dragState, resetDragState } from './handleMousedown.js';
 
 function handleMouseup() {
     var _a, _b;
+    var wasDragging = dragState.isDragging;
     dragState.isDragging = false;
     removeEventListener();
-    if (dragState.dragType === 'col-grid') {
+    if (wasDragging && dragState.dragType === 'col-grid') {
         (_a = dragState.workbook) === null || _a === void 0 ? void 0 : _a.uiEvent.emit('DRAG_COL_GRID_LINE_END', dragState.col, dragState.tmpColWidth);
     }
-    if (dragState.dragType === 'row-grid') {
+    if (wasDragging && dragState.dragType === 'row-grid') {
         (_b = dragState.workbook) === null || _b === void 0 ? void 0 : _b.uiEvent.emit('DRAG_ROW_GRID_LINE_END', dragState.row, dragState.tmpRowHeight);
     }
     resetDragState();

package/esm/excel/render/drawing/chart/buildLabel.d.ts

@@ -1,63 +1,2 @@
 import { CT_DLbls } from '../../../../openxml/ChartTypes';
-export declare function buildLabel(dLbls?: CT_DLbls): {
-    show?: boolean | undefined;
-    position?: string | any[] | undefined;
-    distance?: number | undefined;
-    rotate?: number | undefined;
-    offset?: any[] | undefined;
-    formatter?: string | Function | undefined;
-    color?: string | undefined;
-    fontStyle?: string | undefined;
-    fontWeight?: string | number | undefined;
-    fontFamily?: string | undefined;
-    fontSize?: number | undefined;
-    align?: string | undefined;
-    verticalAlign?: string | undefined;
-    lineHeight?: number | undefined;
-    backgroundColor?: string | object | undefined;
-    borderColor?: string | undefined;
-    borderWidth?: number | undefined;
-    borderRadius?: number | undefined;
-    padding?: number | any[] | undefined;
-    shadowColor?: string | undefined;
-    shadowBlur?: number | undefined;
-    shadowOffsetX?: number | undefined;
-    shadowOffsetY?: number | undefined;
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    textBorderColor?: string | undefined;
-    textBorderWidth?: number | undefined;
-    textShadowColor?: string | undefined;
-    textShadowBlur?: number | undefined;
-    textShadowOffsetX?: number | undefined;
-    textShadowOffsetY?: number | undefined;
-    rich?: {
-        [userStyle: string]: {
-            color?: string | undefined;
-            fontStyle?: string | undefined;
-            fontWeight?: string | number | undefined;
-            fontFamily?: string | undefined;
-            fontSize?: number | undefined;
-            align?: string | undefined;
-            verticalAlign?: string | undefined;
-            lineHeight?: number | undefined;
-            backgroundColor?: string | object | undefined;
-            borderColor?: string | undefined;
-            borderWidth?: number | undefined;
-            borderRadius?: number | undefined;
-            padding?: number | any[] | undefined;
-            shadowColor?: string | undefined;
-            shadowBlur?: number | undefined;
-            shadowOffsetX?: number | undefined;
-            shadowOffsetY?: number | undefined;
-            width?: string | number | undefined;
-            height?: string | number | undefined;
-            textBorderColor?: string | undefined;
-            textBorderWidth?: number | undefined;
-            textShadowColor?: string | undefined;
-            textShadowBlur?: number | undefined;
-            textShadowOffsetX?: number | undefined;
-            textShadowOffsetY?: number | undefined;
-        };
-    } | undefined;
-} | undefined;
+export declare function buildLabel(dLbls?: CT_DLbls): echarts.EChartOption.SeriesLine;

package/esm/excel/render/drawing/chart/convertLegend.d.ts

@@ -2,4 +2,4 @@ import { CT_Legend } from '../../../../openxml/ChartTypes';
 /**
  * 将 Excel chart 的图例转换为 Echarts 的图例
  */
-export declare function convertLegend(categories: string[], chartLegend?: CT_Legend): import("echarts").EChartOption.Legend;
+export declare function convertLegend(categories: string[], chartLegend?: CT_Legend): echarts.EChartOption.Legend;

package/esm/excel/render/drawing/chart/fromAreaChart.d.ts

@@ -7,68 +7,7 @@ export declare function fromAreaChart(workbook: Workbook, areaChart: CT_AreaChar
         type: string;
         stack: string | undefined;
         data: number[];
-        label: {
-            show?: boolean | undefined;
-            position?: string | any[] | undefined;
-            distance?: number | undefined;
-            rotate?: number | undefined;
-            offset?: any[] | undefined;
-            formatter?: string | Function | undefined;
-            color?: string | undefined;
-            fontStyle?: string | undefined;
-            fontWeight?: string | number | undefined;
-            fontFamily?: string | undefined;
-            fontSize?: number | undefined;
-            align?: string | undefined;
-            verticalAlign?: string | undefined;
-            lineHeight?: number | undefined;
-            backgroundColor?: string | object | undefined;
-            borderColor?: string | undefined;
-            borderWidth?: number | undefined;
-            borderRadius?: number | undefined;
-            padding?: number | any[] | undefined;
-            shadowColor?: string | undefined;
-            shadowBlur?: number | undefined;
-            shadowOffsetX?: number | undefined;
-            shadowOffsetY?: number | undefined;
-            width?: string | number | undefined;
-            height?: string | number | undefined;
-            textBorderColor?: string | undefined;
-            textBorderWidth?: number | undefined;
-            textShadowColor?: string | undefined;
-            textShadowBlur?: number | undefined;
-            textShadowOffsetX?: number | undefined;
-            textShadowOffsetY?: number | undefined;
-            rich?: {
-                [userStyle: string]: {
-                    color?: string | undefined;
-                    fontStyle?: string | undefined;
-                    fontWeight?: string | number | undefined;
-                    fontFamily?: string | undefined;
-                    fontSize?: number | undefined;
-                    align?: string | undefined;
-                    verticalAlign?: string | undefined;
-                    lineHeight?: number | undefined;
-                    backgroundColor?: string | object | undefined;
-                    borderColor?: string | undefined;
-                    borderWidth?: number | undefined;
-                    borderRadius?: number | undefined;
-                    padding?: number | any[] | undefined;
-                    shadowColor?: string | undefined;
-                    shadowBlur?: number | undefined;
-                    shadowOffsetX?: number | undefined;
-                    shadowOffsetY?: number | undefined;
-                    width?: string | number | undefined;
-                    height?: string | number | undefined;
-                    textBorderColor?: string | undefined;
-                    textBorderWidth?: number | undefined;
-                    textShadowColor?: string | undefined;
-                    textShadowBlur?: number | undefined;
-                    textShadowOffsetX?: number | undefined;
-                    textShadowOffsetY?: number | undefined;
-                };
-            } | undefined;
-        } | undefined;
+        label: echarts.EChartOption.SeriesLine;
         areaStyle: {};
     }[];
 };

package/esm/excel/render/drawing/chart/fromLineChart.d.ts

@@ -7,67 +7,6 @@ export declare function fromLineChart(workbook: Workbook, lineChart: CT_LineChar
         type: string;
         stack: string | undefined;
         data: number[];
-        label: {
-            show?: boolean | undefined;
-            position?: string | any[] | undefined;
-            distance?: number | undefined;
-            rotate?: number | undefined;
-            offset?: any[] | undefined;
-            formatter?: string | Function | undefined;
-            color?: string | undefined;
-            fontStyle?: string | undefined;
-            fontWeight?: string | number | undefined;
-            fontFamily?: string | undefined;
-            fontSize?: number | undefined;
-            align?: string | undefined;
-            verticalAlign?: string | undefined;
-            lineHeight?: number | undefined;
-            backgroundColor?: string | object | undefined;
-            borderColor?: string | undefined;
-            borderWidth?: number | undefined;
-            borderRadius?: number | undefined;
-            padding?: number | any[] | undefined;
-            shadowColor?: string | undefined;
-            shadowBlur?: number | undefined;
-            shadowOffsetX?: number | undefined;
-            shadowOffsetY?: number | undefined;
-            width?: string | number | undefined;
-            height?: string | number | undefined;
-            textBorderColor?: string | undefined;
-            textBorderWidth?: number | undefined;
-            textShadowColor?: string | undefined;
-            textShadowBlur?: number | undefined;
-            textShadowOffsetX?: number | undefined;
-            textShadowOffsetY?: number | undefined;
-            rich?: {
-                [userStyle: string]: {
-                    color?: string | undefined;
-                    fontStyle?: string | undefined;
-                    fontWeight?: string | number | undefined;
-                    fontFamily?: string | undefined;
-                    fontSize?: number | undefined;
-                    align?: string | undefined;
-                    verticalAlign?: string | undefined;
-                    lineHeight?: number | undefined;
-                    backgroundColor?: string | object | undefined;
-                    borderColor?: string | undefined;
-                    borderWidth?: number | undefined;
-                    borderRadius?: number | undefined;
-                    padding?: number | any[] | undefined;
-                    shadowColor?: string | undefined;
-                    shadowBlur?: number | undefined;
-                    shadowOffsetX?: number | undefined;
-                    shadowOffsetY?: number | undefined;
-                    width?: string | number | undefined;
-                    height?: string | number | undefined;
-                    textBorderColor?: string | undefined;
-                    textBorderWidth?: number | undefined;
-                    textShadowColor?: string | undefined;
-                    textShadowBlur?: number | undefined;
-                    textShadowOffsetX?: number | undefined;
-                    textShadowOffsetY?: number | undefined;
-                };
-            } | undefined;
-        } | undefined;
+        label: echarts.EChartOption.SeriesLine;
     }[];
 };