office-viewer 0.2.1 → 0.3.0

package/lib/word/parse/parseSpacing.d.ts

@@ -0,0 +1,7 @@
+import { CSSStyle } from '../../openxml/Style';
+import Word from '../../Word';
+/**
+ * 解析 spacing
+ * http://officeopenxml.com/WPspacing.php
+ */
+export declare function parseSpacing(word: Word, element: Element, style: CSSStyle): void;

package/lib/word/parse/parseTable.d.ts

@@ -0,0 +1,3 @@
+import { Table } from '../../openxml/word/Table';
+import Word from '../../Word';
+export declare function parseTable(word: Word, element: Element): Table;

package/lib/word/parse/parseTable.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Table = require('../../openxml/word/Table.js');
+var parseTr = require('./parseTr.js');
+var parseTablePr = require('./parseTablePr.js');
+var parseSize = require('./parseSize.js');
+var mergeSdt = require('./mergeSdt.js');
+
+function parseTblGrid(element) {
+    var e_1, _a;
+    var gridCol = [];
+    var gridColElements = element.getElementsByTagName('w:gridCol');
+    try {
+        for (var gridColElements_1 = tslib.__values(gridColElements), gridColElements_1_1 = gridColElements_1.next(); !gridColElements_1_1.done; gridColElements_1_1 = gridColElements_1.next()) {
+            var gridColElement = gridColElements_1_1.value;
+            var w = parseSize.parseSize(gridColElement, 'w:w');
+            gridCol.push({ w: w });
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (gridColElements_1_1 && !gridColElements_1_1.done && (_a = gridColElements_1.return)) _a.call(gridColElements_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return gridCol;
+}
+function parseTable(word, element) {
+    var e_2, _a;
+    var table = new Table.Table();
+    // 用于计算列的跨行，这里记下前面的跨行情况
+    var rowSpanMap = {};
+    try {
+        for (var _b = tslib.__values(mergeSdt.mergeSdt(element)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var child = _c.value;
+            var tagName = child.tagName;
+            switch (tagName) {
+                case 'w:tblPr':
+                    table.properties = parseTablePr.parseTablePr(word, child);
+                    break;
+                case 'w:tr':
+                    table.trs.push(parseTr.parseTr(word, child, rowSpanMap));
+                    break;
+                case 'w:tblGrid':
+                    table.tblGrid = parseTblGrid(child);
+                    break;
+                default:
+                    console.warn('Table.fromXML unknown tag', tagName, child);
+            }
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    return table;
+}
+
+exports.parseTable = parseTable;

package/lib/word/parse/parseTablePr.d.ts

@@ -0,0 +1,3 @@
+import { TablePr } from '../../openxml/word/Table';
+import Word from '../../Word';
+export declare function parseTablePr(word: Word, element: Element): TablePr;

package/lib/word/parse/parseTablePr.js

@@ -0,0 +1,189 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var OpenXML = require('../../OpenXML.js');
+var parseBorder = require('./parseBorder.js');
+var parseInsideBorders = require('./parseInsideBorders.js');
+var parseTblWidth = require('./parseTblWidth.js');
+var parseColor = require('./parseColor.js');
+var parseSize = require('./parseSize.js');
+var parseTcPr = require('./parseTcPr.js');
+var parseCellMargin = require('./parseCellMargin.js');
+
+/**
+ * 表格的 jc 需要使用 float 来实现
+ * http://officeopenxml.com/WPtableAlignment.php
+ */
+function parseTblJc(element, cssStyle) {
+    var val = OpenXML.getVal(element);
+    switch (val) {
+        case 'left':
+        case 'start':
+            // TODO: 会导致前面的文字掉下去，感觉还是不能支持这个功能
+            // cssStyle['float'] = 'left';
+            break;
+        case 'right':
+        case 'end':
+            cssStyle['float'] = 'right';
+    }
+}
+/**
+ * 这个其实分左右，但目前只支持左，右可能是阿拉伯语？
+ * http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/tblInd_2.html
+ */
+function parseTblInd(element, style) {
+    var width = parseTblWidth.parseTblWidth(element);
+    if (width) {
+        style['margin-left'] = width;
+    }
+}
+function parseTblW(element, style) {
+    var width = parseTblWidth.parseTblWidth(element);
+    if (width) {
+        style['width'] = width;
+    }
+}
+// http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/ST_TblStyleOverrideType.html
+// val 是旧的格式
+function parseTblLook(child) {
+    var tblLook = {};
+    var tblLookVal = OpenXML.getValHex(child);
+    if (OpenXML.getAttrBoolean(child, 'firstRow', false) || tblLookVal & 0x0020) {
+        tblLook['firstRow'] = true;
+    }
+    if (OpenXML.getAttrBoolean(child, 'lastRow', false) || tblLookVal & 0x0040) {
+        tblLook['lastRow'] = true;
+    }
+    if (OpenXML.getAttrBoolean(child, 'firstColumn', false) || tblLookVal & 0x0080) {
+        tblLook['firstColumn'] = true;
+    }
+    if (OpenXML.getAttrBoolean(child, 'lastColumn', false) || tblLookVal & 0x0100) {
+        tblLook['lastColumn'] = true;
+    }
+    if (OpenXML.getAttrBoolean(child, 'noHBand', false) || tblLookVal & 0x0200) {
+        tblLook['noHBand'] = true;
+    }
+    else {
+        tblLook['noHBand'] = false;
+    }
+    if (OpenXML.getAttrBoolean(child, 'noVBand', false) || tblLookVal & 0x0400) {
+        tblLook['noVBand'] = true;
+    }
+    else {
+        tblLook['noVBand'] = false;
+    }
+    return tblLook;
+}
+/**
+ * http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/tblpPr.html
+ * 只支持部分
+ */
+function parseTblpPr(word, child, style) {
+    // 如果设置 padding 会导致绝对定位不准确，所以一旦设置就不支持
+    if (typeof word.renderOptions.padding === 'undefined') {
+        var tplpX = parseSize.parseSize(child, 'w:tblpX');
+        var tplpY = parseSize.parseSize(child, 'w:tblpY');
+        // style.position = 'absolute';
+        style.top = tplpY;
+        style.left = tplpX;
+    }
+    // 之前想用 float 来实现，但是会导致文字掉下去
+    // const topFromText = parseSize(child, 'w:topFromText');
+    // const bottomFromText = parseSize(child, 'w:bottomFromText');
+    // const rightFromText = parseSize(child, 'w:rightFromText');
+    // const leftFromText = parseSize(child, 'w:leftFromText');
+    // style['float'] = 'left';
+    // style['margin-bottom'] = addSize(style['margin-bottom'], bottomFromText);
+    // style['margin-left'] = addSize(style['margin-left'], leftFromText);
+    // style['margin-right'] = addSize(style['margin-right'], rightFromText);
+    // style['margin-top'] = addSize(style['margin-top'], topFromText);
+}
+/**
+ * http://officeopenxml.com/WPtableLayout.php
+ */
+function parseTblLayout(element, style) {
+    var type = element.getAttribute('w:type');
+    if (type === 'fixed') {
+        style['table-layout'] = 'fixed';
+    }
+}
+function parseTablePr(word, element) {
+    var e_1, _a;
+    var properties = {};
+    var tableStyle = {};
+    var tcStyle = {};
+    properties.tblLook = {};
+    properties.cssStyle = tableStyle;
+    properties.tcCSSStyle = tcStyle;
+    try {
+        for (var _b = tslib.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var child = _c.value;
+            var tagName = child.tagName;
+            switch (tagName) {
+                case 'w:tblBorders':
+                    parseBorder.parseBorders(word, child, tableStyle);
+                    properties.insideBorder = parseInsideBorders.parseInsideBorders(word, child);
+                    break;
+                case 'w:tcBorders':
+                    parseBorder.parseBorders(word, child, tableStyle);
+                    break;
+                case 'w:tblInd':
+                    parseTblInd(child, tableStyle);
+                    break;
+                case 'w:jc':
+                    parseTblJc(child, tableStyle);
+                    break;
+                case 'w:tblCellMar':
+                case 'w:tcMar':
+                    // http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/tblCellMar_1.html
+                    parseCellMargin.parseCellMargin(child, tcStyle);
+                    break;
+                case 'w:tblStyle':
+                    properties.pStyle = OpenXML.getVal(child);
+                    break;
+                case 'w:tblW':
+                    parseTblW(child, tableStyle);
+                    break;
+                case 'w:shd':
+                    // http://officeopenxml.com/WPtableShading.php
+                    tableStyle['background-color'] = parseColor.parseShdColor(word, child);
+                    break;
+                case 'w:tblCaption':
+                    properties.tblCaption = OpenXML.getVal(child);
+                    break;
+                case 'w:tblCellSpacing':
+                    parseTcPr.parseTblCellSpacing(child, tableStyle);
+                    break;
+                case 'w:tblLayout':
+                    parseTblLayout(child, tableStyle);
+                    break;
+                case 'w:tblLook':
+                    properties.tblLook = parseTblLook(child);
+                    break;
+                case 'w:tblStyleRowBandSize':
+                    properties.rowBandSize = OpenXML.getValNumber(child);
+                    break;
+                case 'w:tblStyleColBandSize':
+                    properties.colBandSize = OpenXML.getValNumber(child);
+                    break;
+                case 'w:tblpPr':
+                    parseTblpPr(word, child, tableStyle);
+                    break;
+                default:
+                    console.warn('parseTableProperties unknown tag', tagName, child);
+            }
+        }
+    }
+    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 properties;
+}
+
+exports.parseTablePr = parseTablePr;

package/lib/word/parse/parseTc.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 拆分出来主要是为了避免循环引用
+ */
+import { Tc } from '../../openxml/word/table/Tc';
+import Word from '../../Word';
+export declare function parseTc(word: Word, element: Element, currentCol: {
+    index: number;
+}, rowSpanMap: {
+    [key: string]: Tc;
+}): Tc | null;

package/lib/word/parse/parseTc.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Tc = require('../../openxml/word/table/Tc.js');
+var parseTcPr = require('./parseTcPr.js');
+var Paragraph = require('../../openxml/word/Paragraph.js');
+var parseTable = require('./parseTable.js');
+
+/**
+ * 拆分出来主要是为了避免循环引用
+ */
+function parseTc(word, element, currentCol, rowSpanMap) {
+    var e_1, _a;
+    var tc = new Tc.Tc();
+    try {
+        for (var _b = tslib.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var child = _c.value;
+            var tagName = child.tagName;
+            switch (tagName) {
+                case 'w:tcPr':
+                    tc.properties = parseTcPr.parseTcPr(word, child);
+                    break;
+                case 'w:p':
+                    tc.add(Paragraph.Paragraph.fromXML(word, child));
+                    break;
+                case 'w:tbl':
+                    tc.add(parseTable.parseTable(word, child));
+                    break;
+            }
+        }
+    }
+    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; }
+    }
+    var lastCol = rowSpanMap[currentCol.index];
+    // 如果是 continue 意味着这个被合并了
+    if (tc.properties.vMerge) {
+        if (tc.properties.vMerge === 'restart') {
+            tc.properties.rowSpan = 1;
+            rowSpanMap[currentCol.index] = tc;
+        }
+        else if (lastCol) {
+            if (lastCol.properties && lastCol.properties.rowSpan) {
+                lastCol.properties.rowSpan = lastCol.properties.rowSpan + 1;
+                var colSpan_1 = tc.properties.gridSpan || 1;
+                currentCol.index += colSpan_1;
+                return null;
+            }
+            else {
+                console.warn('Tc.fromXML: continue but not found lastCol', currentCol.index, tc, rowSpanMap);
+            }
+        }
+    }
+    else {
+        delete rowSpanMap[currentCol.index];
+    }
+    var colSpan = tc.properties.gridSpan || 1;
+    currentCol.index += colSpan;
+    return tc;
+}
+
+exports.parseTc = parseTc;

package/lib/word/parse/parseTcPr.d.ts

@@ -0,0 +1,5 @@
+import { CSSStyle } from '../../openxml/Style';
+import { TcPr } from '../../openxml/word/table/Tc';
+import Word from '../../Word';
+export declare function parseTblCellSpacing(element: Element, style: CSSStyle): void;
+export declare function parseTcPr(word: Word, element: Element): TcPr;

package/lib/word/parse/parseTcPr.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var parseCellMargin = require('./parseCellMargin.js');
+var parseColor = require('./parseColor.js');
+var OpenXML = require('../../OpenXML.js');
+var parseBorder = require('./parseBorder.js');
+var parseTextDirection = require('./parseTextDirection.js');
+var parseTblWidth = require('./parseTblWidth.js');
+var parseInsideBorders = require('./parseInsideBorders.js');
+
+function parseVAlign(element, style) {
+    var vAlign = OpenXML.getVal(element);
+    switch (vAlign) {
+        case 'bottom':
+            style['vertical-align'] = 'bottom';
+            break;
+        case 'center':
+            style['vertical-align'] = 'middle';
+            break;
+        case 'top':
+            style['vertical-align'] = 'top';
+            break;
+    }
+}
+function parseTblCellSpacing(element, style) {
+    var width = parseTblWidth.parseTblWidth(element);
+    if (width) {
+        style['cell-spacing'] = width;
+    }
+}
+function parseTcW(element, style) {
+    var width = parseTblWidth.parseTblWidth(element);
+    if (width) {
+        style.width = width;
+    }
+}
+function parseTcPr(word, element) {
+    var e_1, _a;
+    var properties = {};
+    var style = {};
+    properties.cssStyle = style;
+    try {
+        for (var _b = tslib.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var child = _c.value;
+            var tagName = child.tagName;
+            switch (tagName) {
+                case 'w:tcMar':
+                    parseCellMargin.parseCellMargin(child, style);
+                    break;
+                case 'w:shd':
+                    style['background-color'] = parseColor.parseShdColor(word, child);
+                    break;
+                case 'w:tcW':
+                    parseTcW(child, style);
+                    break;
+                case 'w:noWrap':
+                    // http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/noWrap.html
+                    var noWrap = OpenXML.getValBoolean(child);
+                    if (noWrap) {
+                        style['white-space'] = 'nowrap';
+                    }
+                    break;
+                case 'w:vAlign':
+                    parseVAlign(child, style);
+                    break;
+                case 'w:tcBorders':
+                    parseBorder.parseBorders(word, child, style);
+                    properties.insideBorder = parseInsideBorders.parseInsideBorders(word, child);
+                    break;
+                case 'w:gridSpan':
+                    properties.gridSpan = OpenXML.getValNumber(child);
+                    break;
+                case 'w:vMerge':
+                    properties.vMerge = OpenXML.getVal(child) || 'continue';
+                    break;
+                case 'w:textDirection':
+                    parseTextDirection.parseTextDirection(child, style);
+                    break;
+                case 'w:cnfStyle':
+                    // 目前是自动计算的，所以不需要这个了
+                    break;
+                case 'w:hideMark':
+                    properties.hideMark = OpenXML.getValBoolean(child, true);
+                    break;
+                default:
+                    console.warn('parseTcPr: ignore', tagName, child);
+            }
+        }
+    }
+    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 properties;
+}
+
+exports.parseTblCellSpacing = parseTblCellSpacing;
+exports.parseTcPr = parseTcPr;

package/lib/word/parse/parseTextDirection.d.ts

@@ -0,0 +1,2 @@
+import { CSSStyle } from '../../openxml/Style';
+export declare function parseTextDirection(element: Element, style: CSSStyle): void;

package/lib/word/parse/parseTr.d.ts

@@ -0,0 +1,6 @@
+import Word from '../../Word';
+import { Tr } from '../../openxml/word/table/Tr';
+import { Tc } from '../../openxml/word/table/Tc';
+export declare function parseTr(word: Word, element: Element, rowSpanMap: {
+    [key: string]: Tc;
+}): Tr;

package/lib/word/parse/parseTr.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Tr = require('../../openxml/word/table/Tr.js');
+var parseTc = require('./parseTc.js');
+var parseTablePr = require('./parseTablePr.js');
+var parseTrPr = require('./parseTrPr.js');
+var mergeSdt = require('./mergeSdt.js');
+
+function parseTr(word, element, rowSpanMap) {
+    var e_1, _a;
+    var tr = new Tr.Tr();
+    // 做成对象是为了传递引用来修改
+    var currentCol = {
+        index: 0
+    };
+    try {
+        for (var _b = tslib.__values(mergeSdt.mergeSdt(element)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var child = _c.value;
+            var tagName = child.tagName;
+            switch (tagName) {
+                case 'w:tc':
+                    var tc = parseTc.parseTc(word, child, currentCol, rowSpanMap);
+                    if (tc) {
+                        tr.tcs.push(tc);
+                    }
+                    break;
+                case 'w:trPr':
+                    tr.properties = parseTrPr.parseTrPr(word, child);
+                    break;
+                case 'w:tblPrEx':
+                    // http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/tblPrEx_1.html
+                    var tablePr = parseTablePr.parseTablePr(word, child);
+                    Object.assign(tr.properties.cssStyle || {}, tablePr.cssStyle);
+                    break;
+                default:
+                    console.warn("Tr: Unknown tag ", tagName, child);
+            }
+        }
+    }
+    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 tr;
+}
+
+exports.parseTr = parseTr;

package/lib/word/parse/parseTrHeight.d.ts

@@ -0,0 +1,2 @@
+import { CSSStyle } from '../../openxml/Style';
+export declare function parseTrHeight(child: Element, style: CSSStyle): void;

package/lib/word/parse/parseTrPr.d.ts

@@ -0,0 +1,3 @@
+import { TrPr } from '../../openxml/word/table/Tr';
+import Word from '../../Word';
+export declare function parseTrPr(word: Word, element: Element): TrPr;

package/lib/word/parse/parseTrPr.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var OpenXML = require('../../OpenXML.js');
+var jcToTextAlign = require('./jcToTextAlign.js');
+var parseTablePr = require('./parseTablePr.js');
+var parseTcPr = require('./parseTcPr.js');
+var parseTrHeight = require('./parseTrHeight.js');
+
+function parseTrPr(word, element) {
+    var e_1, _a;
+    var cssStyle = {};
+    var tcStyle = {};
+    try {
+        for (var _b = tslib.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var child = _c.value;
+            var tagName = child.tagName;
+            switch (tagName) {
+                case 'w:hidden':
+                    if (OpenXML.getValBoolean(child)) {
+                        cssStyle.display = 'none';
+                    }
+                    break;
+                case 'w:trHeight':
+                    parseTrHeight.parseTrHeight(child, cssStyle);
+                    break;
+                case 'w:jc':
+                    cssStyle['text-align'] = jcToTextAlign.jcToTextAlign(OpenXML.getVal(child));
+                    break;
+                case 'w:cantSplit':
+                    // 目前也不支持分页
+                    break;
+                case 'w:tblPrEx':
+                    // http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/tblPrEx_1.html
+                    var tablePr = parseTablePr.parseTablePr(word, child);
+                    Object.assign(cssStyle, tablePr.cssStyle);
+                    break;
+                case 'w:tblCellSpacing':
+                    parseTcPr.parseTblCellSpacing(child, tcStyle);
+                    break;
+                case 'w:cnfStyle':
+                    // 目前是自动计算的，所以不需要这个了
+                    break;
+                default:
+                    console.warn("Tr: Unknown tag ", tagName, child);
+            }
+        }
+    }
+    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 {
+        cssStyle: cssStyle
+    };
+}
+
+exports.parseTrPr = parseTrPr;

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

@@ -0,0 +1,8 @@
+import { CSSStyle } from '../../openxml/Style';
+import Word from '../../Word';
+/**
+ * 修复绝对定位的位置，主要是加上 padding，因为 html 中的定位是不考虑 padding 的
+ * @param word
+ * @param style
+ */
+export declare function fixAbsolutePosition(word: Word, style: CSSStyle, inHeader?: boolean): void;

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

@@ -0,0 +1,10 @@
+/**
+ * 渲染 body 节点
+ */
+import Word, { WordRenderOptions } from '../../Word';
+import { Body } from '../../openxml/word/Body';
+import { WDocument } from '../../openxml/word/WDocument';
+/**
+ * 渲染文档主体
+ */
+export default function renderBody(root: HTMLElement, word: Word, bodyEl: HTMLElement, wDocument: WDocument, body: Body, renderOptions: WordRenderOptions): void;