office-viewer 0.3.16 → 0.3.17

package/lib/word/render/renderBody.js

@@ -9,6 +9,8 @@ var Table = require('../../openxml/word/Table.js');
 var renderParagraph = require('./renderParagraph.js');
 var renderSection = require('./renderSection.js');
 var renderTable = require('./renderTable.js');
+var Run = require('../../openxml/word/Run.js');
+var Hyperlink = require('../../openxml/word/Hyperlink.js');
 
 /**
  * 渲染 body 节点
@@ -129,11 +131,143 @@ function renderSectionInPage(word, wDocument, bodyEl, renderOptions, sectionEl,
         }
     }, 0);
 }
+/**
+ * 获取段落纯文本（用于目录标题显示）
+ */
+function getParagraphText(paragraph) {
+    var e_2, _a, e_3, _b, e_4, _c, e_5, _d;
+    var text = '';
+    try {
+        for (var _e = tslib.__values(paragraph.children), _f = _e.next(); !_f.done; _f = _e.next()) {
+            var child = _f.value;
+            if (child instanceof Run.Run) {
+                try {
+                    for (var _g = (e_3 = void 0, tslib.__values(child.children)), _h = _g.next(); !_h.done; _h = _g.next()) {
+                        var rc = _h.value;
+                        if (rc instanceof Run.Text) {
+                            text += rc.text;
+                        }
+                    }
+                }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                finally {
+                    try {
+                        if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
+                    }
+                    finally { if (e_3) throw e_3.error; }
+                }
+            }
+            else if (child instanceof Hyperlink.Hyperlink) {
+                try {
+                    for (var _j = (e_4 = void 0, tslib.__values(child.children)), _k = _j.next(); !_k.done; _k = _j.next()) {
+                        var run = _k.value;
+                        try {
+                            for (var _l = (e_5 = void 0, tslib.__values(run.children)), _m = _l.next(); !_m.done; _m = _l.next()) {
+                                var rc = _m.value;
+                                if (rc instanceof Run.Text) {
+                                    text += rc.text;
+                                }
+                            }
+                        }
+                        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                        finally {
+                            try {
+                                if (_m && !_m.done && (_d = _l.return)) _d.call(_l);
+                            }
+                            finally { if (e_5) throw e_5.error; }
+                        }
+                    }
+                }
+                catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                finally {
+                    try {
+                        if (_k && !_k.done && (_c = _j.return)) _c.call(_j);
+                    }
+                    finally { if (e_4) throw e_4.error; }
+                }
+            }
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    return text;
+}
+/**
+ * 判断段落是否是标题，返回标题级别（1-9），非标题返回 0
+ */
+function getHeadingLevel(word, paragraph) {
+    var _a, _b;
+    var pStyle = paragraph.properties.pStyle;
+    if (!pStyle)
+        return 0;
+    // 匹配 Heading1~Heading9 或 1~9（中文 Word 直接用数字 styleId）
+    var m = pStyle.match(/^[Hh]eading(\d)$/) ||
+        (pStyle.match(/^(\d)$/) &&
+            ((_b = (_a = word.getStyle(pStyle)) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.match(/^heading\s*(\d)$/i)));
+    if (m)
+        return parseInt(m[1], 10);
+    // 通过样式 name 来识别
+    var style = word.getStyle(pStyle);
+    if (style === null || style === void 0 ? void 0 : style.name) {
+        var nm = style.name.match(/^heading\s*(\d)$/i);
+        if (nm)
+            return parseInt(nm[1], 10);
+    }
+    return 0;
+}
+var _tocHeadingCounter = 0;
+/**
+ * 预扫描文档，收集标题并为 TOC 段落标记
+ */
+function prescanHeadings(word, body) {
+    var e_6, _a, e_7, _b;
+    _tocHeadingCounter = 0;
+    word.tocHeadings = [];
+    try {
+        for (var _c = tslib.__values(body.sections), _d = _c.next(); !_d.done; _d = _c.next()) {
+            var section = _d.value;
+            try {
+                for (var _e = (e_7 = void 0, tslib.__values(section.children)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var child = _f.value;
+                    if (!(child instanceof Paragraph.Paragraph))
+                        continue;
+                    var level = getHeadingLevel(word, child);
+                    if (level > 0) {
+                        var id = "toc-h-".concat(_tocHeadingCounter++);
+                        child.tocHeadingId = id;
+                        word.tocHeadings.push({ level: level, text: getParagraphText(child), id: id });
+                    }
+                }
+            }
+            catch (e_7_1) { e_7 = { error: e_7_1 }; }
+            finally {
+                try {
+                    if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                }
+                finally { if (e_7) throw e_7.error; }
+            }
+        }
+    }
+    catch (e_6_1) { e_6 = { error: e_6_1 }; }
+    finally {
+        try {
+            if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+        }
+        finally { if (e_6) throw e_6.error; }
+    }
+}
 /**
  * 渲染文档主体
  */
 function renderBody(root, word, bodyEl, wDocument, body, renderOptions) {
-    var e_2, _a, e_3, _b;
+    var e_8, _a, e_9, _b;
+    // 预扫描标题，为动态目录生成准备数据
+    prescanHeadings(word, body);
     var page = renderOptions.page || false;
     var rootWidth = root.getBoundingClientRect().width -
         (renderOptions.pageWrapPadding || 0) * 2;
@@ -159,7 +293,7 @@ function renderBody(root, word, bodyEl, wDocument, body, renderOptions) {
             }
             else {
                 try {
-                    for (var _c = (e_3 = void 0, tslib.__values(section.children)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    for (var _c = (e_9 = void 0, tslib.__values(section.children)), _d = _c.next(); !_d.done; _d = _c.next()) {
                         var child = _d.value;
                         if (child instanceof Paragraph.Paragraph) {
                             var p = renderParagraph["default"](word, child);
@@ -174,22 +308,22 @@ function renderBody(root, word, bodyEl, wDocument, body, renderOptions) {
                         }
                     }
                 }
-                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                catch (e_9_1) { e_9 = { error: e_9_1 }; }
                 finally {
                     try {
                         if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                     }
-                    finally { if (e_3) throw e_3.error; }
+                    finally { if (e_9) throw e_9.error; }
                 }
             }
         }
     }
-    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    catch (e_8_1) { e_8 = { error: e_8_1 }; }
     finally {
         try {
             if (sections_1_1 && !sections_1_1.done && (_a = sections_1.return)) _a.call(sections_1);
         }
-        finally { if (e_2) throw e_2.error; }
+        finally { if (e_8) throw e_8.error; }
     }
     setTimeout(function () {
         if (renderOptions.zoom) {

package/lib/word/render/renderInstrText.js

@@ -16,6 +16,10 @@ function renderInstrText(word, instrText) {
     var _b;
     var text = instrText.text;
     var span = dom.createElement('span');
+    // TOC 字段指令不渲染原始指令文本，目录条目已作为普通段落存在于文档中
+    if (text.trim().startsWith('TOC')) {
+        return span;
+    }
     var fldSimples = (_b = word.currentParagraph) === null || _b === void 0 ? void 0 : _b.fldSimples;
     if (fldSimples) {
         try {

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/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

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/baidu/amis-inner.git"
   },
-  "version": "0.3.16",
+  "version": "0.3.17",
   "description": "office 文档在线预览",
   "main": "lib/index.js",
   "module": "esm/index.js",