office-viewer 0.1.0 → 0.1.3

package/lib/openxml/word/table/Tc.js

@@ -2,114 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var OpenXML = require('../../../OpenXML.js');
-var Paragraph = require('../Paragraph.js');
-var Table = require('../Table.js');
-var parseSize = require('../../../parse/parseSize.js');
-var parseColor = require('../../../parse/parseColor.js');
-var parseBorder = require('../../../parse/parseBorder.js');
-var parseTextDirection = require('../../../parse/parseTextDirection.js');
-var Types = require('../../Types.js');
-
-// http://officeopenxml.com/WPtableCellProperties-Margins.php
-function parseCellMargin(element, style) {
-    var e_1, _a;
-    try {
-        for (var _b = tslib_es6.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
-            var child = _c.value;
-            var tagName = child.tagName;
-            switch (tagName) {
-                case 'w:left':
-                case 'w:start':
-                    style['padding-left'] = parseSize.parseSize(child, 'w:w');
-                    break;
-                case 'w:right':
-                case 'w:end':
-                    style['padding-right'] = parseSize.parseSize(child, 'w:w');
-                    break;
-                case 'w:top':
-                    style['padding-top'] = parseSize.parseSize(child, 'w:w');
-                    break;
-                case 'w:bottom':
-                    style['padding-bottom'] = parseSize.parseSize(child, 'w:w');
-                    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; }
-    }
-}
-function parseVAlign(element, style) {
-    var vAlign = OpenXML.getVal(element);
-    switch (vAlign) {
-        case Types.ST_VerticalJc.bottom:
-            style['vertical-align'] = 'bottom';
-            break;
-        case Types.ST_VerticalJc.center:
-            style['vertical-align'] = 'middle';
-            break;
-        case Types.ST_VerticalJc.top:
-            style['vertical-align'] = 'top';
-            break;
-    }
-}
-function parseTblCellSpacing(element, style) {
-    var width = parseTblWidth(element);
-    if (width) {
-        style['cell-spacing'] = width;
-    }
-}
-/**
- * parseBorders 不支持 insideH 和 insideV，所以单独支持一下
- * 实际显示时需要过滤掉第一列
- */
-function parseInsideBorders(word, element) {
-    var H;
-    var insideH = element.querySelector('insideH');
-    if (insideH) {
-        H = parseBorder.parseBorder(word, insideH);
-    }
-    var V;
-    var insideV = element.querySelector('insideV');
-    if (insideV) {
-        V = parseBorder.parseBorder(word, insideV);
-    }
-    return {
-        H: H,
-        V: V
-    };
-}
-/**
- * http://officeopenxml.com/WPtableWidth.php
- */
-function parseTblWidth(element) {
-    var type = element.getAttribute('w:type');
-    if (!type || type === Types.ST_TblWidth.dxa) {
-        return parseSize.parseSize(element, 'w:w');
-    }
-    else if (type === Types.ST_TblWidth.pct) {
-        return parseSize.parseSize(element, 'w:w', parseSize.LengthUsage.Percent);
-    }
-    else if (type === Types.ST_TblWidth.auto) {
-        return 'auto';
-    }
-    else {
-        console.warn('parseTblWidth: ignore type', type, element);
-    }
-    return '';
-}
-function parseTcW(element, style) {
-    var width = parseTblWidth(element);
-    if (width) {
-        style.width = width;
-    }
-}
 var Tc = /** @class */ (function () {
     function Tc() {
         this.properties = {};
@@ -120,123 +12,7 @@ var Tc = /** @class */ (function () {
             this.children.push(child);
         }
     };
-    Tc.parseTcPr = function (word, element) {
-        var e_2, _a;
-        var properties = {};
-        var style = {};
-        properties.cssStyle = style;
-        try {
-            for (var _b = tslib_es6.__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(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(word, child);
-                        break;
-                    case 'w:gridSpan':
-                        properties.gridSpan = OpenXML.getValNumber(child);
-                        break;
-                    case 'w:vMerge':
-                        properties.vMerge = OpenXML.getVal(child) || Types.ST_Merge.continue;
-                        break;
-                    case 'w:textDirection':
-                        parseTextDirection.parseTextDirection(child, style);
-                        break;
-                    case 'w:cnfStyle':
-                        // 目前是自动计算的，所以不需要这个了
-                        break;
-                    default:
-                        console.warn('parseTcPr: ignore', 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;
-    };
-    Tc.fromXML = function (word, element, currentCol, rowSpanMap) {
-        var e_3, _a;
-        var tc = new Tc();
-        try {
-            for (var _b = tslib_es6.__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 = Tc.parseTcPr(word, child);
-                        break;
-                    case 'w:p':
-                        tc.add(Paragraph.Paragraph.fromXML(word, child));
-                        break;
-                    case 'w:tbl':
-                        tc.add(Table.Table.fromXML(word, child));
-                        break;
-                }
-            }
-        }
-        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; }
-        }
-        var lastCol = rowSpanMap[currentCol.index];
-        // 如果是 continue 意味着这个被合并了
-        if (tc.properties.vMerge) {
-            if (tc.properties.vMerge === Types.ST_Merge.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;
-    };
     return Tc;
 }());
 
 exports.Tc = Tc;
-exports.parseCellMargin = parseCellMargin;
-exports.parseInsideBorders = parseInsideBorders;
-exports.parseTblCellSpacing = parseTblCellSpacing;
-exports.parseTblWidth = parseTblWidth;

package/lib/openxml/word/table/Tr.d.ts

@@ -1,6 +1,5 @@
 import { CSSStyle } from '../../Style';
 import { Tc } from './Tc';
-import Word from '../../../Word';
 export interface TrPr {
     cssStyle?: CSSStyle;
     /**
@@ -11,8 +10,4 @@ export interface TrPr {
 export declare class Tr {
     properties: TrPr;
     tcs: Tc[];
-    static parseTrPr(word: Word, element: Element): TrPr;
-    static fromXML(word: Word, element: Element, rowSpanMap: {
-        [key: string]: Tc;
-    }): Tr;
 }

package/lib/openxml/word/table/Tr.js

@@ -2,108 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var OpenXML = require('../../../OpenXML.js');
-var Tc = require('./Tc.js');
-var parseTrHeight = require('../../../parse/parseTrHeight.js');
-var jcToTextAlign = require('../../../parse/jcToTextAlign.js');
-var Table = require('../Table.js');
-
 var Tr = /** @class */ (function () {
     function Tr() {
         this.properties = {};
         this.tcs = [];
     }
-    Tr.parseTrPr = function (word, element) {
-        var e_1, _a;
-        var cssStyle = {};
-        var tcStyle = {};
-        try {
-            for (var _b = tslib_es6.__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 = Table.Table.parseTablePr(word, child);
-                        Object.assign(cssStyle, tablePr.cssStyle);
-                        break;
-                    case 'w:tblCellSpacing':
-                        Tc.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
-        };
-    };
-    Tr.fromXML = function (word, element, rowSpanMap) {
-        var e_2, _a;
-        var tr = new Tr();
-        // 做成对象是为了传递引用来修改
-        var currentCol = {
-            index: 0
-        };
-        try {
-            for (var _b = tslib_es6.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var child = _c.value;
-                var tagName = child.tagName;
-                switch (tagName) {
-                    case 'w:tc':
-                        var tc = Tc.Tc.fromXML(word, child, currentCol, rowSpanMap);
-                        if (tc) {
-                            tr.tcs.push(tc);
-                        }
-                        break;
-                    case 'w:trPr':
-                        tr.properties = Tr.parseTrPr(word, child);
-                        break;
-                    case 'w:tblPrEx':
-                        // http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/tblPrEx_1.html
-                        var tablePr = Table.Table.parseTablePr(word, child);
-                        Object.assign(tr.properties.cssStyle || {}, tablePr.cssStyle);
-                        break;
-                    default:
-                        console.warn("Tr: 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 tr;
-    };
     return Tr;
 }());
 

package/lib/openxml/word/wps/WPG.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 图形组，目前还不不支持
+ */
+export declare class WPG {
+}

package/lib/openxml/word/wps/WPS.d.ts

@@ -0,0 +1,18 @@
+import { Paragraph } from '../Paragraph';
+import { ShapePr } from '../../drawing/ShapeProperties';
+/**
+ * wps 指的是 wordprocessingShape，在 drawing 里 word 相关的 shape 定义
+ * 目前主要是支持 textbox，
+ */
+import Word from '../../../Word';
+import { Table } from '../Table';
+import { CSSStyle } from '../../../openxml/Style';
+import { WPSStyle } from './WPSStyle';
+export type TxbxContentChild = Paragraph | Table;
+export declare class WPS {
+    spPr?: ShapePr;
+    wpsStyle?: WPSStyle;
+    txbxContent: TxbxContentChild[];
+    style: CSSStyle;
+    static fromXML(word: Word, element: Element): WPS;
+}

package/lib/openxml/word/wps/WPS.js

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Paragraph = require('../Paragraph.js');
+var ShapeProperties = require('../../drawing/ShapeProperties.js');
+var parseTable = require('../../../parse/parseTable.js');
+var parseSize = require('../../../parse/parseSize.js');
+var WPSStyle = require('./WPSStyle.js');
+
+/**
+ * 文档 20.4.2.22，不过大部分属性不支持
+ */
+function parseBodyPr(element, style) {
+    var e_1, _a;
+    try {
+        for (var _b = tslib.__values(element.attributes), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var attribute = _c.value;
+            var name_1 = attribute.name;
+            var value = attribute.value;
+            switch (name_1) {
+                case 'numCol':
+                    if (value !== '1') {
+                        style['column-count'] = value;
+                    }
+                    break;
+                case 'vert':
+                    var val = value;
+                    switch (val) {
+                        case 'vert':
+                            style['writing-mode'] = 'vertical-rl';
+                            style['text-orientation'] = 'sideways';
+                            break;
+                        case 'vert270':
+                        case 'eaVert':
+                            // 不太准确，但 css 也只能做到这样
+                            style['writing-mode'] = 'vertical-rl';
+                            style['text-orientation'] = 'mixed';
+                            break;
+                        default:
+                            break;
+                    }
+                    break;
+                case 'anchor':
+                    var anchor = value;
+                    switch (anchor) {
+                        case 'b':
+                            style['vertical-align'] = 'bottom';
+                            break;
+                        case 't':
+                            style['vertical-align'] = 'top';
+                            break;
+                        case 'ctr':
+                            style['vertical-align'] = 'middle';
+                            break;
+                    }
+                    break;
+                case 'rot':
+                    var rot = parseSize.convertAngle(value);
+                    if (rot) {
+                        style['transform'] = "rotate(".concat(rot, "deg)");
+                    }
+                    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 WPS = /** @class */ (function () {
+    function WPS() {
+        // 外层容器样式
+        this.style = {};
+    }
+    WPS.fromXML = function (word, element) {
+        var e_2, _a, e_3, _b;
+        var wps = new WPS();
+        wps.txbxContent = [];
+        try {
+            for (var _c = tslib.__values(element.children), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var child = _d.value;
+                var tagName = child.tagName;
+                switch (tagName) {
+                    case 'wps:cNvSpPr':
+                        // 和展现无关
+                        break;
+                    case 'wps:spPr':
+                        wps.spPr = ShapeProperties.ShapePr.fromXML(word, child);
+                        break;
+                    case 'wps:txbx':
+                        // 文本框内容
+                        // http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/txbxContent.html
+                        var txbxContent = child.firstElementChild;
+                        if (txbxContent) {
+                            try {
+                                for (var _e = (e_3 = void 0, tslib.__values(txbxContent.children)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                                    var txbxContentChild = _f.value;
+                                    var txbxContentTagName = txbxContentChild.tagName;
+                                    switch (txbxContentTagName) {
+                                        case 'w:p':
+                                            wps.txbxContent.push(Paragraph.Paragraph.fromXML(word, txbxContentChild));
+                                            break;
+                                        case 'w:tbl':
+                                            wps.txbxContent.push(parseTable.parseTable(word, txbxContentChild));
+                                            break;
+                                    }
+                                }
+                            }
+                            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                            finally {
+                                try {
+                                    if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                                }
+                                finally { if (e_3) throw e_3.error; }
+                            }
+                        }
+                        else {
+                            console.warn('unknown wps:txbx', child);
+                        }
+                        break;
+                    case 'wps:style':
+                        // http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/style_1.html
+                        wps.wpsStyle = WPSStyle.WPSStyle.fromXML(word, child);
+                        break;
+                    case 'wps:bodyPr':
+                        parseBodyPr(child, wps.style);
+                        break;
+                    default:
+                        console.warn('WPS: Unknown tag ', tagName, child);
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        return wps;
+    };
+    return WPS;
+}());
+
+exports.WPS = WPS;

package/lib/openxml/word/wps/WPSStyle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 没去不太清楚这个是什么，目前主要用于形状的颜色
+ */
+import Word from '../../../Word';
+export declare class WPSStyle {
+    lineColor?: string;
+    fillColor?: string;
+    fontColor?: string;
+    static fromXML(word: Word, element: Element): WPSStyle;
+}

package/lib/openxml/word/wps/WPSStyle.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var parseChildColor = require('../../../parse/parseChildColor.js');
+
+/**
+ * 没去不太清楚这个是什么，目前主要用于形状的颜色
+ */
+var WPSStyle = /** @class */ (function () {
+    function WPSStyle() {
+    }
+    WPSStyle.fromXML = function (word, element) {
+        var e_1, _a;
+        var wpsStyle = new WPSStyle();
+        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 'a:fillRef':
+                        wpsStyle.fillColor = parseChildColor.parseChildColor(word, child);
+                        break;
+                    case 'a:lnRef':
+                        wpsStyle.lineColor = parseChildColor.parseChildColor(word, child);
+                        break;
+                    case 'a:fontRef':
+                        wpsStyle.fontColor = parseChildColor.parseChildColor(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; }
+        }
+        return wpsStyle;
+    };
+    return WPSStyle;
+}());
+
+exports.WPSStyle = WPSStyle;

package/lib/package/PackageParser.d.ts

@@ -12,7 +12,7 @@ export interface PackageParser {
     /**
      * 根据类型读取文件
      */
-    getFileByType(filePath: string, type: 'string' | 'blob'): string | Blob;
+    getFileByType(filePath: string, type: 'string' | 'blob' | 'uint8array'): string | Blob | Uint8Array | null;
     /**
      * 文件是否存在
      */

package/lib/package/XMLPackageParser.d.ts

@@ -1,5 +1,5 @@
 /**
- * openxml 默认是 zip 格式，导致构造比较麻烦，所以增加了这种单一格式，所有内容都放在一个 xml 文件里
+ * openxml 默认是 zip 格式构造起来比较麻烦，这个格式可以方便文本编辑，word 也能直接打开
  */
 import { PackageParser } from './PackageParser';
 export default class XMLPackageParser implements PackageParser {
@@ -9,7 +9,7 @@ export default class XMLPackageParser implements PackageParser {
     /**
      * 加载 zip 文件
      */
-    load(fileContent: ArrayBuffer | string): void;
+    load(fileContent: ArrayBuffer | string | Uint8Array): void;
     /**
      * 读取 xml 文件，转成 json 对象
      * @param filePath 文件路径
@@ -19,7 +19,7 @@ export default class XMLPackageParser implements PackageParser {
     /**
      * 在 xml 下基本不用这个
      */
-    getFileByType(filePath: string, type: 'string' | 'blob'): string;
+    getFileByType(filePath: string, type: 'string' | 'blob'): string | Uint8Array | Blob | null;
     /**
      * 判断文件是否存在
      */

package/lib/package/ZipPackageParser.d.ts

@@ -17,7 +17,7 @@ export default class ZipPackageParser implements PackageParser {
     /**
      * 根据类型读取文件
      */
-    getFileByType(filePath: string, type: 'string' | 'blob'): string | Blob;
+    getFileByType(filePath: string, type: 'string' | 'blob' | 'uint8array'): string | Uint8Array | Blob | null;
     /**
      * 判断文件是否存在
      */

package/lib/package/ZipPackageParser.js

@@ -14,12 +14,7 @@ var ZipPackageParser = /** @class */ (function () {
      * 加载 zip 文件
      */
     ZipPackageParser.prototype.load = function (docxFile) {
-        this.zip = fflate.unzipSync(new Uint8Array(docxFile), {
-            filter: function (file) {
-                // 不解析大于 10 MiB 的文件
-                return file.originalSize <= 10000000;
-            }
-        });
+        this.zip = fflate.unzipSync(new Uint8Array(docxFile));
     };
     /**
      * 读取 xml 文件，转成 json 对象
@@ -29,7 +24,7 @@ var ZipPackageParser = /** @class */ (function () {
     ZipPackageParser.prototype.getXML = function (filePath) {
         var fileContent = this.getFileByType(filePath, 'string');
         var doc = new DOMParser().parseFromString(fileContent, 'application/xml');
-        var errorNode = doc.querySelector('parsererror');
+        var errorNode = doc.getElementsByTagName('parsererror').item(0);
         if (errorNode) {
             throw new Error(errorNode.textContent || "can't parse xml");
         }
@@ -50,8 +45,12 @@ var ZipPackageParser = /** @class */ (function () {
             else if (type === 'blob') {
                 return new Blob([file]);
             }
+            else if (type === 'uint8array') {
+                return file;
+            }
         }
-        throw new Error('file not found');
+        console.warn('getFileByType', filePath, 'not found');
+        return null;
     };
     /**
      * 判断文件是否存在

package/lib/parse/Footnotes.d.ts

@@ -0,0 +1,3 @@
+import Word from '../Word';
+import { Note } from '../openxml/word/Note';
+export declare function parseFootnotes(word: Word, doc: Document): Record<string, Note>;