office-viewer 0.1.0 → 0.1.4

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

@@ -1,111 +1,3 @@
-import { __values } from '../../../node_modules/tslib/tslib.es6.js';
-import { getVal, getValNumber, getValBoolean } from '../../../OpenXML.js';
-import { Paragraph } from '../Paragraph.js';
-import { Table } from '../Table.js';
-import { parseSize, LengthUsage } from '../../../parse/parseSize.js';
-import { parseShdColor } from '../../../parse/parseColor.js';
-import { parseBorders, parseBorder } from '../../../parse/parseBorder.js';
-import { parseTextDirection } from '../../../parse/parseTextDirection.js';
-import { ST_Merge, ST_VerticalJc, ST_TblWidth } from '../../Types.js';
-
-// http://officeopenxml.com/WPtableCellProperties-Margins.php
-function parseCellMargin(element, style) {
-    var e_1, _a;
-    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:left':
-                case 'w:start':
-                    style['padding-left'] = parseSize(child, 'w:w');
-                    break;
-                case 'w:right':
-                case 'w:end':
-                    style['padding-right'] = parseSize(child, 'w:w');
-                    break;
-                case 'w:top':
-                    style['padding-top'] = parseSize(child, 'w:w');
-                    break;
-                case 'w:bottom':
-                    style['padding-bottom'] = 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 = getVal(element);
-    switch (vAlign) {
-        case ST_VerticalJc.bottom:
-            style['vertical-align'] = 'bottom';
-            break;
-        case ST_VerticalJc.center:
-            style['vertical-align'] = 'middle';
-            break;
-        case 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(word, insideH);
-    }
-    var V;
-    var insideV = element.querySelector('insideV');
-    if (insideV) {
-        V = 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 === ST_TblWidth.dxa) {
-        return parseSize(element, 'w:w');
-    }
-    else if (type === ST_TblWidth.pct) {
-        return parseSize(element, 'w:w', LengthUsage.Percent);
-    }
-    else if (type === 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 = {};
@@ -116,119 +8,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 = __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'] = 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 = getValBoolean(child);
-                        if (noWrap) {
-                            style['white-space'] = 'nowrap';
-                        }
-                        break;
-                    case 'w:vAlign':
-                        parseVAlign(child, style);
-                        break;
-                    case 'w:tcBorders':
-                        parseBorders(word, child, style);
-                        properties.insideBorder = parseInsideBorders(word, child);
-                        break;
-                    case 'w:gridSpan':
-                        properties.gridSpan = getValNumber(child);
-                        break;
-                    case 'w:vMerge':
-                        properties.vMerge = getVal(child) || ST_Merge.continue;
-                        break;
-                    case 'w:textDirection':
-                        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 = __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.fromXML(word, child));
-                        break;
-                    case 'w:tbl':
-                        tc.add(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 === 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;
 }());
 
-export { Tc, parseCellMargin, parseInsideBorders, parseTblCellSpacing, parseTblWidth };
+export { Tc };

package/esm/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/esm/openxml/word/table/Tr.js

@@ -1,105 +1,8 @@
-import { __values } from '../../../node_modules/tslib/tslib.es6.js';
-import { getVal, getValBoolean } from '../../../OpenXML.js';
-import { parseTblCellSpacing, Tc } from './Tc.js';
-import { parseTrHeight } from '../../../parse/parseTrHeight.js';
-import { jcToTextAlign } from '../../../parse/jcToTextAlign.js';
-import { Table } from '../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 = __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 (getValBoolean(child)) {
-                            cssStyle.display = 'none';
-                        }
-                        break;
-                    case 'w:trHeight':
-                        parseTrHeight(child, cssStyle);
-                        break;
-                    case 'w:jc':
-                        cssStyle['text-align'] = jcToTextAlign(getVal(child));
-                        break;
-                    case 'w:cantSplit':
-                        // 目前也不支持分页
-                        break;
-                    case 'w:tblPrEx':
-                        // http://webapp.docx4java.org/OnlineDemo/ecma376/WordML/tblPrEx_1.html
-                        var tablePr = Table.parseTablePr(word, child);
-                        Object.assign(cssStyle, tablePr.cssStyle);
-                        break;
-                    case 'w:tblCellSpacing':
-                        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 = __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.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.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/esm/openxml/word/wps/WPG.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 图形组，目前是当成 wps 用了
+ */
+import { WPS } from './WPS';
+import Word from '../../../Word';
+import { ShapePr } from '../../drawing/ShapeProperties';
+import { Pic } from '../../drawing/Pic';
+export declare class WPG {
+    wps: WPS[];
+    wpg: WPG[];
+    spPr?: ShapePr;
+    pic?: Pic;
+    static fromXML(word: Word, element: Element): WPG;
+}

package/esm/openxml/word/wps/WPG.js

@@ -0,0 +1,56 @@
+import { __values } from 'tslib';
+import { WPS } from './WPS.js';
+import { ShapePr } from '../../drawing/ShapeProperties.js';
+import { Pic } from '../../drawing/Pic.js';
+
+/**
+ * 图形组，目前是当成 wps 用了
+ */
+var WPG = /** @class */ (function () {
+    function WPG() {
+    }
+    WPG.fromXML = function (word, element) {
+        var e_1, _a;
+        var wpg = new WPG();
+        var wps = [];
+        wpg.wps = wps;
+        wpg.wpg = [];
+        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 'wpg:cNvGrpSpPr':
+                        // 和展现无关
+                        break;
+                    case 'wpg:grpSpPr':
+                        wpg.spPr = ShapePr.fromXML(word, child);
+                        break;
+                    case 'wps:wsp':
+                        wps.push(WPS.fromXML(word, child));
+                        break;
+                    case 'pic:pic':
+                        wpg.pic = Pic.fromXML(word, child);
+                        break;
+                    case 'wpg:grpSp':
+                        // 组合中的组合
+                        wpg.wpg.push(WPG.fromXML(word, child));
+                        break;
+                    default:
+                        console.warn('WPS: 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 wpg;
+    };
+    return WPG;
+}());
+
+export { WPG };

package/esm/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/esm/openxml/word/wps/WPS.js

@@ -0,0 +1,148 @@
+import { __values } from 'tslib';
+import { Paragraph } from '../Paragraph.js';
+import { ShapePr } from '../../drawing/ShapeProperties.js';
+import { parseTable } from '../../../parse/parseTable.js';
+import { convertAngle } from '../../../parse/parseSize.js';
+import { WPSStyle } from './WPSStyle.js';
+
+/**
+ * 文档 20.4.2.22，不过大部分属性不支持
+ */
+function parseBodyPr(element, style) {
+    var e_1, _a;
+    try {
+        for (var _b = __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 = 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 = __values(element.children), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var child = _d.value;
+                var tagName = child.tagName;
+                switch (tagName) {
+                    case 'wps:cNvSpPr':
+                    case 'wps:cNvPr':
+                        // 和展现无关
+                        break;
+                    case 'wps:spPr':
+                        wps.spPr = 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, __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.fromXML(word, txbxContentChild));
+                                            break;
+                                        case 'w:tbl':
+                                            wps.txbxContent.push(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.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;
+}());
+
+export { WPS };

package/esm/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/esm/openxml/word/wps/WPSStyle.js

@@ -0,0 +1,42 @@
+import { __values } from 'tslib';
+import { parseChildColor } from '../../../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 = __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(word, child);
+                        break;
+                    case 'a:lnRef':
+                        wpsStyle.lineColor = parseChildColor(word, child);
+                        break;
+                    case 'a:fontRef':
+                        wpsStyle.fontColor = 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;
+}());
+
+export { WPSStyle };

package/esm/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/esm/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;
     /**
      * 判断文件是否存在
      */