office-viewer 0.1.0 → 0.1.3

package/esm/openxml/word/Table.js

@@ -1,247 +1,12 @@
-import { __values } from '../../node_modules/tslib/tslib.es6.js';
-import { getValNumber, getVal, getValHex, getAttrBoolean } from '../../OpenXML.js';
-import { parseBorders } from '../../parse/parseBorder.js';
-import { parseShdColor } from '../../parse/parseColor.js';
-import { parseSize } from '../../parse/parseSize.js';
-import { ST_TblLayoutType } from '../Types.js';
-import { parseTblCellSpacing, parseCellMargin, parseInsideBorders, parseTblWidth } from './table/Tc.js';
-import { Tr } from './table/Tr.js';
-
 /**
  * http://officeopenxml.com/WPtable.php
  */
-/**
- * 表格的 jc 需要使用 float 来实现
- * http://officeopenxml.com/WPtableAlignment.php
- */
-function parseTblJc(element, cssStyle) {
-    var val = 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(element);
-    if (width) {
-        style['margin-left'] = width;
-    }
-}
-function parseTblW(element, style) {
-    var width = parseTblWidth(element);
-    if (width) {
-        style['width'] = width;
-    }
-}
-/**
- * http://officeopenxml.com/WPtableLayout.php
- */
-function parseTblLayout(element, style) {
-    var type = element.getAttribute('w:type');
-    if (type === ST_TblLayoutType.fixed) {
-        style['table-layout'] = 'fixed';
-    }
-}
-function parseTblGrid(element) {
-    var e_1, _a;
-    var gridCol = [];
-    var gridColElements = element.getElementsByTagName('w:gridCol');
-    try {
-        for (var gridColElements_1 = __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(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;
-}
-// http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/ST_TblStyleOverrideType.html
-// val 是旧的格式
-function parseTblLook(child) {
-    var tblLook = {};
-    var tblLookVal = getValHex(child);
-    if (getAttrBoolean(child, 'firstRow', false) || tblLookVal & 0x0020) {
-        tblLook['firstRow'] = true;
-    }
-    if (getAttrBoolean(child, 'lastRow', false) || tblLookVal & 0x0040) {
-        tblLook['lastRow'] = true;
-    }
-    if (getAttrBoolean(child, 'firstColumn', false) || tblLookVal & 0x0080) {
-        tblLook['firstColumn'] = true;
-    }
-    if (getAttrBoolean(child, 'lastColumn', false) || tblLookVal & 0x0100) {
-        tblLook['lastColumn'] = true;
-    }
-    if (getAttrBoolean(child, 'noHBand', false) || tblLookVal & 0x0200) {
-        tblLook['noHBand'] = true;
-    }
-    else {
-        tblLook['noHBand'] = false;
-    }
-    if (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 parsetTlpPr(word, child, style) {
-    // 如果设置 padding 会导致绝对定位不准确，所以一旦设置就不支持
-    if (typeof word.renderOptions.padding === 'undefined') {
-        var tplpX = parseSize(child, 'w:tblpX');
-        var tplpY = 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);
-}
 var Table = /** @class */ (function () {
     function Table() {
         this.properties = {};
         this.tblGrid = [];
         this.trs = [];
     }
-    Table.parseTablePr = function (word, element) {
-        var e_2, _a;
-        var properties = {};
-        var tableStyle = {};
-        var tcStyle = {};
-        properties.tblLook = {};
-        properties.cssStyle = tableStyle;
-        properties.tcCSSStyle = tcStyle;
-        try {
-            for (var _b = __values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var child = _c.value;
-                var tagName = child.tagName;
-                switch (tagName) {
-                    case 'w:tblBorders':
-                        parseBorders(word, child, tableStyle);
-                        properties.insideBorder = parseInsideBorders(word, child);
-                        break;
-                    case 'w:tcBorders':
-                        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(child, tcStyle);
-                        break;
-                    case 'w:tblStyle':
-                        properties.pStyle = getVal(child);
-                        break;
-                    case 'w:tblW':
-                        parseTblW(child, tableStyle);
-                        break;
-                    case 'w:shd':
-                        // http://officeopenxml.com/WPtableShading.php
-                        tableStyle['background-color'] = parseShdColor(word, child);
-                        break;
-                    case 'w:tblCaption':
-                        properties.tblCaption = getVal(child);
-                        break;
-                    case 'w:tblCellSpacing':
-                        parseTblCellSpacing(child, tableStyle);
-                        break;
-                    case 'w:tblLayout':
-                        parseTblLayout(child, tableStyle);
-                        break;
-                    case 'w:tblLook':
-                        properties.tblLook = parseTblLook(child);
-                        break;
-                    case 'w:tblStyleRowBandSize':
-                        properties.rowBandSize = getValNumber(child);
-                        break;
-                    case 'w:tblStyleColBandSize':
-                        properties.colBandSize = getValNumber(child);
-                        break;
-                    case 'w:tblpPr':
-                        parsetTlpPr(word, child, tableStyle);
-                        break;
-                    default:
-                        console.warn('parseTableProperties 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 properties;
-    };
-    Table.fromXML = function (word, element) {
-        var e_3, _a;
-        var table = new Table();
-        // 用于计算列的跨行，这里记下前面的跨行情况
-        var rowSpanMap = {};
-        try {
-            for (var _b = __values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var child = _c.value;
-                var tagName = child.tagName;
-                switch (tagName) {
-                    case 'w:tblPr':
-                        table.properties = Table.parseTablePr(word, child);
-                        break;
-                    case 'w:tr':
-                        table.trs.push(Tr.fromXML(word, child, rowSpanMap));
-                        break;
-                    case 'w:tblGrid':
-                        table.tblGrid = parseTblGrid(child);
-                        break;
-                    default:
-                        console.warn('Table.fromXML unknown tag', tagName, child);
-                }
-            }
-        }
-        catch (e_3_1) { e_3 = { error: e_3_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_3) throw e_3.error; }
-        }
-        return table;
-    };
     return Table;
 }());
 

package/esm/openxml/word/WDocument.d.ts

@@ -4,10 +4,9 @@
  * http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/Main%20Document%20Story.html
  */
 import Word from '../../Word';
-import { DocumentBackground } from './Background';
 import { Body } from './Body';
 export declare class WDocument {
     body: Body;
-    documentBackground?: DocumentBackground;
+    backgroundColor?: string;
     static fromXML(word: Word, element: Document): WDocument;
 }

package/esm/openxml/word/WDocument.js

@@ -1,4 +1,5 @@
-import { __values } from '../../node_modules/tslib/tslib.es6.js';
+import { __values } from 'tslib';
+import { Color } from '../../util/color.js';
 import { parseColorAttr } from '../../parse/parseColor.js';
 import { Body } from './Body.js';
 
@@ -7,22 +8,44 @@ import { Body } from './Body.js';
  * http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/document.html
  * http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/Main%20Document%20Story.html
  */
+/**
+ * 计算出最终实际背景色
+ */
+function getBackgroundColor(documentBackground) {
+    if (documentBackground.color) {
+        return documentBackground.color;
+    }
+    if (documentBackground.themeColor) {
+        var themeColor = documentBackground.themeColor;
+        if (documentBackground.themeTint) {
+            var color = new Color(themeColor);
+            var themeShade = parseInt(documentBackground.themeTint, 16);
+            color.tint(themeShade / 256);
+        }
+        else if (documentBackground.themeShade) {
+            var color = new Color(themeColor);
+            var themeShade = parseInt(documentBackground.themeShade, 16);
+            color.lumMod(themeShade / 256);
+        }
+    }
+    return '#FFFFF';
+}
 var WDocument = /** @class */ (function () {
     function WDocument() {
     }
     WDocument.fromXML = function (word, element) {
-        var e_1, _a;
+        var e_1, _a, e_2, _b;
         var doc = new WDocument();
-        var body = element.querySelector('body');
+        var body = element.getElementsByTagName('w:body').item(0);
         if (body) {
             doc.body = Body.fromXML(word, body);
         }
-        var background = element.querySelector('background');
+        var background = element.getElementsByTagName('w:background').item(0);
         if (background) {
             var documentBackground = {};
             try {
-                for (var _b = __values(background.attributes), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var attr = _c.value;
+                for (var _c = __values(background.attributes), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var attr = _d.value;
                     var name_1 = attr.name;
                     switch (name_1) {
                         case 'w:color':
@@ -38,6 +61,7 @@ var WDocument = /** @class */ (function () {
                             documentBackground.themeTint = parseColorAttr(word, background, 'w:themeTint');
                             break;
                         default:
+                            console.log('unknown background', background);
                             break;
                     }
                 }
@@ -45,10 +69,32 @@ var WDocument = /** @class */ (function () {
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
+            try {
+                for (var _e = __values(background.children), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var child = _f.value;
+                    var name_2 = child.tagName;
+                    switch (name_2) {
+                        case 'v:background':
+                            // vml 的背景色，不支持
+                            break;
+                        default:
+                            console.log('unknown background', background);
+                            break;
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            doc.backgroundColor = getBackgroundColor(documentBackground);
         }
         return doc;
     };

package/esm/openxml/word/numbering/AbstractNum.js

@@ -1,4 +1,4 @@
-import { __values } from '../../../node_modules/tslib/tslib.es6.js';
+import { __values } from 'tslib';
 import { Lvl } from './Lvl.js';
 import { getVal } from '../../../OpenXML.js';
 
@@ -30,7 +30,9 @@ var AbstractNum = /** @class */ (function () {
             }
             finally { if (e_1) throw e_1.error; }
         }
-        var multiLevelType = element.querySelector('multiLevelType');
+        var multiLevelType = element
+            .getElementsByTagName('w:multiLevelType')
+            .item(0);
         if (multiLevelType) {
             abstractNum.multiLevelType = getVal(multiLevelType);
         }

package/esm/openxml/word/numbering/Lvl.js

@@ -1,7 +1,6 @@
-import { __values } from '../../../node_modules/tslib/tslib.es6.js';
+import { __values } from 'tslib';
 import { Run } from '../Run.js';
 import { getValBoolean, getVal, getValNumber } from '../../../OpenXML.js';
-import { ST_Jc, ST_LevelSuffix } from '../../Types.js';
 import { Paragraph } from '../Paragraph.js';
 
 var Lvl = /** @class */ (function () {
@@ -9,8 +8,8 @@ var Lvl = /** @class */ (function () {
         this.start = 1;
         this.lvlText = '%1.';
         this.isLgl = false;
-        this.lvlJc = ST_Jc.start;
-        this.suff = ST_LevelSuffix.space;
+        this.lvlJc = 'start';
+        this.suff = 'space';
     }
     Lvl.fromXML = function (word, element) {
         var e_1, _a;
@@ -33,6 +32,10 @@ var Lvl = /** @class */ (function () {
                     case 'w:lvlJc':
                         lvl.lvlJc = getVal(child);
                         break;
+                    case 'w:legacy':
+                        // 老的属性应该不需要支持了
+                        // http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/legacy.html
+                        break;
                     case 'w:pPr':
                         lvl.pPr = Paragraph.parseParagraphPr(word, child);
                         break;
@@ -42,6 +45,9 @@ var Lvl = /** @class */ (function () {
                     case 'w:isLgl':
                         lvl.isLgl = getValBoolean(child);
                         break;
+                    case 'w:pStyle':
+                        // 这个在 paragraph 里处理了
+                        break;
                     default:
                         console.warn("Lvl: Unknown tag ", tagName, child);
                 }

package/esm/openxml/word/numbering/Num.js

@@ -1,5 +1,5 @@
-import { __values } from '../../../node_modules/tslib/tslib.es6.js';
-import { getVal } from '../../../OpenXML.js';
+import { __values } from 'tslib';
+import { getVal, getValNumber } from '../../../OpenXML.js';
 import { Lvl } from './Lvl.js';
 
 var Num = /** @class */ (function () {
@@ -10,11 +10,13 @@ var Num = /** @class */ (function () {
         var e_1, _a;
         var num = new Num();
         num.numId = element.getAttribute('w:numId') || '';
-        var abstractNumId = element.querySelector('abstractNumId');
+        var abstractNumId = element
+            .getElementsByTagName('w:abstractNumId')
+            .item(0);
         if (abstractNumId) {
             num.abstractNumId = getVal(abstractNumId);
         }
-        var lvlOverride = element.querySelector('lvlOverride');
+        var lvlOverride = element.getElementsByTagName('w:lvlOverride').item(0);
         if (lvlOverride) {
             try {
                 for (var _b = __values(lvlOverride.children), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -25,6 +27,12 @@ var Num = /** @class */ (function () {
                             var lvlId = child.getAttribute('w:lvlId') || '';
                             num.lvlOverride.lvls[lvlId] = Lvl.fromXML(word, child);
                             break;
+                        case 'w:startOverride':
+                            var id = child.getAttribute('w:lvlId') || '';
+                            if (num.lvlOverride.lvls[id]) {
+                                num.lvlOverride.lvls[id].start = getValNumber(child);
+                            }
+                            break;
                         default:
                             console.warn("Num: Unknown tag ", tagName, child);
                     }

package/esm/openxml/word/numbering/NumberProperties.js

@@ -5,11 +5,11 @@ var NumberPr = /** @class */ (function () {
     }
     NumberPr.fromXML = function (word, element) {
         var numPr = new NumberPr();
-        var ilvl = element.querySelector('ilvl');
+        var ilvl = element.getElementsByTagName('w:ilvl').item(0);
         if (ilvl) {
             numPr.ilvl = getVal(ilvl);
         }
-        var numId = element.querySelector('numId');
+        var numId = element.getElementsByTagName('w:numId').item(0);
         if (numId) {
             numPr.numId = getVal(numId);
         }

package/esm/openxml/word/numbering/Numbering.js

@@ -1,4 +1,4 @@
-import { __values } from '../../../node_modules/tslib/tslib.es6.js';
+import { __values } from 'tslib';
 import { AbstractNum } from './AbstractNum.js';
 import { Num } from './Num.js';
 

package/esm/openxml/word/table/Tc.d.ts

@@ -1,11 +1,10 @@
-import Word from '../../../Word';
 import { CSSStyle } from '../../Style';
 import { Paragraph } from '../Paragraph';
 import { Table } from '../Table';
 import { ST_Merge } from '../../Types';
 export interface TcPr {
     cssStyle?: CSSStyle;
-    hideMark?: false;
+    hideMark?: boolean;
     vMerge?: ST_Merge;
     gridSpan?: number;
     rowSpan?: number;
@@ -18,29 +17,9 @@ export interface TcPr {
     };
 }
 type TcChild = Paragraph | Table;
-export declare function parseCellMargin(element: Element, style: CSSStyle): void;
-export declare function parseTblCellSpacing(element: Element, style: CSSStyle): void;
-/**
- * parseBorders 不支持 insideH 和 insideV，所以单独支持一下
- * 实际显示时需要过滤掉第一列
- */
-export declare function parseInsideBorders(word: Word, element: Element): {
-    H: string | undefined;
-    V: string | undefined;
-};
-/**
- * http://officeopenxml.com/WPtableWidth.php
- */
-export declare function parseTblWidth(element: Element): string;
 export declare class Tc {
     properties: TcPr;
     children: TcChild[];
     add(child: TcChild): void;
-    static parseTcPr(word: Word, element: Element): TcPr;
-    static fromXML(word: Word, element: Element, currentCol: {
-        index: number;
-    }, rowSpanMap: {
-        [key: string]: Tc;
-    }): Tc | null;
 }
 export {};