office-viewer 0.3.15 → 0.3.17

package/lib/word/render/renderParagraph.js

@@ -15,6 +15,7 @@ var setElementStyle = require('./setElementStyle.js');
 var renderTab = require('./renderTab.js');
 var OMath = require('../../openxml/math/OMath.js');
 var renderMath = require('./renderMath.js');
+var renderTOC = require('./renderTOC.js');
 
 /**
  * 渲染段落
@@ -25,17 +26,27 @@ function renderParagraph(word, paragraph, renderEmptySpace, inHeader) {
     if (renderEmptySpace === void 0) { renderEmptySpace = true; }
     if (inHeader === void 0) { inHeader = false; }
     word.currentParagraph = paragraph;
+    // 如果是 TOC 字段段落且文档中有标题，动态生成目录
+    if (paragraph.isTOC && word.tocHeadings.length > 0) {
+        return renderTOC.renderTOC(word);
+    }
     var p = dom.createElement('p');
     word.addClass(p, 'p');
     var properties = paragraph.properties;
     setElementStyle.setElementStyle(word, p, properties);
     // 默认情况下 drawing 是相对段落的
     p.style.position = 'relative';
+    // 如果是标题段落，为目录锚点添加 id
+    if (paragraph.tocHeadingId) {
+        p.id = paragraph.tocHeadingId;
+    }
     // 渲染列表前缀
     if (properties.numPr) {
         dom.appendChild(p, renderNumbering.renderNumbering(p, word, properties.numPr));
     }
-    var inFldChar = false;
+    // 复杂字段状态: 'outside' | 'instr' | 'content'
+    // begin -> instr, separate -> content, end -> outside
+    var fldCharState = 'outside';
     if (properties.tabs && properties.tabs.length) {
         // 目前只支持渲染第一个，因为第二个位置取决于前面内容位置，挺麻烦
         // 虽然目前这个实现很 hack，但可以支持常见情况
@@ -62,12 +73,19 @@ function renderParagraph(word, paragraph, renderEmptySpace, inHeader) {
             var child = _c.value;
             if (child instanceof Run.Run) {
                 if (child.fldChar === 'begin') {
-                    inFldChar = true;
+                    fldCharState = 'instr';
+                }
+                else if (child.fldChar === 'separate') {
+                    fldCharState = 'content';
+                }
+                else if (child.fldChar === 'end') {
+                    fldCharState = 'outside';
                 }
-                else if (child) {
-                    inFldChar = false;
+                // 跳过 instrText 所在的 run（字段指令本身不渲染），fldChar 节点本身正常渲染
+                if (fldCharState === 'instr' && !child.fldChar) {
+                    continue;
                 }
-                dom.appendChild(p, renderRun["default"](word, child, paragraph, inFldChar, inHeader));
+                dom.appendChild(p, renderRun["default"](word, child, paragraph, false, inHeader));
             }
             else if (child instanceof Bookmark.BookmarkStart) {
                 dom.appendChild(p, renderBookmark.renderBookmarkStart(word, child));

package/lib/word/render/renderRun.js

@@ -131,6 +131,22 @@ function renderRun(word, run, paragraph, inFldChar, inHeader) {
                 else if (child instanceof Separator.Separator) {
                     dom.appendChild(span, renderSeparator.renderSeparator());
                 }
+                else if (child instanceof Run.FootnoteRef) {
+                    var target = child.type + '-' + child.id;
+                    var displayIndex = word.noteIndexMap[target];
+                    // 如果脚注内容为空（不在映射中），不渲染引用
+                    if (displayIndex == null)
+                        break;
+                    var anchor = dom.createElement('a');
+                    anchor.href = '#' + target;
+                    anchor.style.verticalAlign = 'super';
+                    anchor.style.fontSize = '0.75em';
+                    anchor.style.textDecoration = 'none';
+                    anchor.dataset.noteId = child.id;
+                    anchor.dataset.noteType = child.type;
+                    anchor.textContent = '[' + String(displayIndex) + ']';
+                    dom.appendChild(span, anchor);
+                }
                 else {
                     console.warn('unknown child', child);
                 }

package/lib/word/render/renderTOC.d.ts

@@ -0,0 +1,5 @@
+import Word from '../../Word';
+/**
+ * 动态生成目录 HTML（当文档 TOC 字段没有缓存条目时使用）
+ */
+export declare function renderTOC(word: Word): HTMLElement;

package/lib/word/render/renderTOC.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var dom = require('../../util/dom.js');
+
+/**
+ * 动态生成目录 HTML（当文档 TOC 字段没有缓存条目时使用）
+ */
+function renderTOC(word) {
+    var e_1, _a;
+    var nav = dom.createElement('nav');
+    nav.className = 'docx-toc';
+    try {
+        for (var _b = tslib.__values(word.tocHeadings), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var heading = _c.value;
+            var item = dom.createElement('div');
+            item.className = "docx-toc-item docx-toc-level-".concat(heading.level);
+            item.style.paddingLeft = "".concat((heading.level - 1) * 2, "em");
+            var a = dom.createElement('a');
+            a.href = '#' + heading.id;
+            a.textContent = heading.text;
+            dom.appendChild(item, a);
+            dom.appendChild(nav, item);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return nav;
+}
+
+exports.renderTOC = renderTOC;

package/package.json

@@ -1,6 +1,10 @@
 {
   "name": "office-viewer",
-  "version": "0.3.15",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/baidu/amis-inner.git"
+  },
+  "version": "0.3.17",
   "description": "office 文档在线预览",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -77,6 +81,7 @@
     "amis-formula": "^2.7.2",
     "jest": "^29.0.3",
     "jest-environment-jsdom": "^29.0.3",
+    "puppeteer": "^22.8.0",
     "rollup": "^2.60.2",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.69.7",