office-viewer 0.1.0 → 0.1.4

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

package/lib/parse/Footnotes.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Note = require('../openxml/word/Note.js');
+
+function parseFootnotes(word, doc) {
+    var e_1, _a;
+    var footnotes = {};
+    var footnotesElement = [].slice.call(doc.getElementsByTagName('w:footnote'));
+    try {
+        for (var footnotesElement_1 = tslib.__values(footnotesElement), footnotesElement_1_1 = footnotesElement_1.next(); !footnotesElement_1_1.done; footnotesElement_1_1 = footnotesElement_1.next()) {
+            var footnoteElement = footnotesElement_1_1.value;
+            var footnote = Note.Note.fromXML(word, footnoteElement);
+            footnotes[footnoteElement.getAttribute('w:id')] = footnote;
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (footnotesElement_1_1 && !footnotesElement_1_1.done && (_a = footnotesElement_1.return)) _a.call(footnotesElement_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return footnotes;
+}
+
+exports.parseFootnotes = parseFootnotes;

package/lib/parse/colorNameMap.d.ts

@@ -0,0 +1,6 @@
+import { ST_PresetColorVal } from './../openxml/Types';
+/**
+ * 内置颜色
+ * 参考了 pptxjs 里的例子，并补充了 ST_PresetColorVal 里缺失的定义
+ */
+export declare const PresetColorMap: Record<ST_PresetColorVal | 'darkYellow' | 'none' | 'rebeccaPurple', string>;

package/lib/parse/colorNameMap.js

@@ -0,0 +1,205 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 内置颜色
+ * 参考了 pptxjs 里的例子，并补充了 ST_PresetColorVal 里缺失的定义
+ */
+var PresetColorMap = {
+    aliceBlue: '#f0f8ff',
+    antiqueWhite: '#faebd7',
+    aqua: '#00ffff',
+    aquamarine: '#7fffd4',
+    azure: '#f0ffff',
+    beige: '#f5f5dc',
+    bisque: '#ffe4c4',
+    black: '#000000',
+    blanchedAlmond: '#ffebcd',
+    blue: '#0000ff',
+    blueViolet: '#8a2be2',
+    brown: '#a52a2a',
+    burlyWood: '#deb887',
+    cadetBlue: '#5f9ea0',
+    chartreuse: '#7fff00',
+    chocolate: '#d2691e',
+    coral: '#ff7f50',
+    cornflowerBlue: '#6495ed',
+    cornsilk: '#fff8dc',
+    crimson: '#dc143c',
+    cyan: '#00FFFF',
+    darkBlue: '#00008B',
+    dkBlue: '#00008B',
+    darkCyan: '#008B8B',
+    dkCyan: '#008B8B',
+    darkGoldenrod: '#b8860b',
+    dkGoldenrod: '#b8860b',
+    darkGray: '#A9A9A9',
+    dkGray: '#A9A9A9',
+    darkGreen: '#006400',
+    dkGreen: '#006400',
+    darkGrey: '#a9a9a9',
+    dkGrey: '#a9a9a9',
+    darkKhaki: '#bdb76b',
+    dkKhaki: '#bdb76b',
+    darkMagenta: '#800080',
+    dkMagenta: '#800080',
+    darkOliveGreen: '#556b2f',
+    dkOliveGreen: '#556b2f',
+    darkOrange: '#ff8c00',
+    dkOrange: '#ff8c00',
+    darkOrchid: '#9932cc',
+    dkOrchid: '#9932cc',
+    darkRed: '#8B0000',
+    dkRed: '#8B0000',
+    darkSalmon: '#e9967a',
+    dkSalmon: '#e9967a',
+    darkSeaGreen: '#8fbc8f',
+    dkSeaGreen: '#8fbc8f',
+    darkSlateBlue: '#483d8b',
+    dkSlateBlue: '#483d8b',
+    darkSlateGray: '#2f4f4f',
+    dkSlateGray: '#2f4f4f',
+    darkSlateGrey: '#2f4f4f',
+    dkSlateGrey: '#2f4f4f',
+    darkTurquoise: '#00ced1',
+    dkTurquoise: '#00ced1',
+    darkViolet: '#9400d3',
+    dkViolet: '#9400d3',
+    darkYellow: '#808000',
+    deepPink: '#ff1493',
+    deepSkyBlue: '#00bfff',
+    dimGray: '#696969',
+    dimGrey: '#696969',
+    dodgerBlue: '#1e90ff',
+    firebrick: '#b22222',
+    floralWhite: '#fffaf0',
+    forestGreen: '#228b22',
+    fuchsia: '#ff00ff',
+    gainsboro: '#dcdcdc',
+    ghostWhite: '#f8f8ff',
+    gold: '#ffd700',
+    goldenrod: '#daa520',
+    gray: '#808080',
+    green: '#008000',
+    greenYellow: '#adff2f',
+    grey: '#808080',
+    honeydew: '#f0fff0',
+    hotPink: '#ff69b4',
+    indianRed: '#cd5c5c',
+    indigo: '#4b0082',
+    ivory: '#fffff0',
+    khaki: '#f0e68c',
+    lavender: '#e6e6fa',
+    lavenderBlush: '#fff0f5',
+    lawnGreen: '#7cfc00',
+    lemonChiffon: '#fffacd',
+    lightBlue: '#add8e6',
+    ltBlue: '#add8e6',
+    lightCoral: '#f08080',
+    ltCoral: '#f08080',
+    lightCyan: '#e0ffff',
+    ltCyan: '#e0ffff',
+    lightGoldenrodYellow: '#fafad2',
+    ltGoldenrodYellow: '#fafad2',
+    lightGray: '#D3D3D3',
+    ltGray: '#D3D3D3',
+    lightGreen: '#90ee90',
+    ltGreen: '#90ee90',
+    lightGrey: '#d3d3d3',
+    ltGrey: '#d3d3d3',
+    lightPink: '#ffb6c1',
+    ltPink: '#ffb6c1',
+    lightSalmon: '#ffa07a',
+    ltSalmon: '#ffa07a',
+    lightSeaGreen: '#20b2aa',
+    ltSeaGreen: '#20b2aa',
+    lightSkyBlue: '#87cefa',
+    ltSkyBlue: '#87cefa',
+    lightSlateGray: '#778899',
+    ltSlateGray: '#778899',
+    lightSlateGrey: '#778899',
+    ltSlateGrey: '#778899',
+    lightSteelBlue: '#b0c4de',
+    ltSteelBlue: '#b0c4de',
+    lightYellow: '#ffffe0',
+    ltYellow: '#ffffe0',
+    lime: '#00ff00',
+    limeGreen: '#32cd32',
+    linen: '#faf0e6',
+    magenta: '#FF00FF',
+    maroon: '#800000',
+    mediumAquamarine: '#66cdaa',
+    medAquamarine: '#66cdaa',
+    mediumBlue: '#0000cd',
+    medBlue: '#0000cd',
+    mediumOrchid: '#ba55d3',
+    medOrchid: '#ba55d3',
+    mediumPurple: '#9370db',
+    medPurple: '#9370db',
+    mediumSeaGreen: '#3cb371',
+    medSeaGreen: '#3cb371',
+    mediumSlateBlue: '#7b68ee',
+    medSlateBlue: '#7b68ee',
+    mediumSpringGreen: '#00fa9a',
+    medSpringGreen: '#00fa9a',
+    mediumTurquoise: '#48d1cc',
+    medTurquoise: '#48d1cc',
+    mediumVioletRed: '#c71585',
+    medVioletRed: '#c71585',
+    midnightBlue: '#191970',
+    mintCream: '#f5fffa',
+    mistyRose: '#ffe4e1',
+    moccasin: '#ffe4b5',
+    navajoWhite: '#ffdead',
+    navy: '#000080',
+    none: 'transparent',
+    oldLace: '#fdf5e6',
+    olive: '#808000',
+    oliveDrab: '#6b8e23',
+    orange: '#ffa500',
+    orangeRed: '#ff4500',
+    orchid: '#da70d6',
+    paleGoldenrod: '#eee8aa',
+    paleGreen: '#98fb98',
+    paleTurquoise: '#afeeee',
+    paleVioletRed: '#db7093',
+    papayaWhip: '#ffefd5',
+    peachPuff: '#ffdab9',
+    peru: '#cd853f',
+    pink: '#ffc0cb',
+    plum: '#dda0dd',
+    powderBlue: '#b0e0e6',
+    purple: '#800080',
+    rebeccaPurple: '#663399',
+    red: '#ff0000',
+    rosyBrown: '#bc8f8f',
+    royalBlue: '#4169e1',
+    saddleBrown: '#8b4513',
+    salmon: '#fa8072',
+    sandyBrown: '#f4a460',
+    seaGreen: '#2e8b57',
+    seaShell: '#fff5ee',
+    sienna: '#a0522d',
+    silver: '#c0c0c0',
+    skyBlue: '#87ceeb',
+    slateBlue: '#6a5acd',
+    slateGray: '#708090',
+    slateGrey: '#708090',
+    snow: '#fffafa',
+    springGreen: '#00ff7f',
+    steelBlue: '#4682b4',
+    tan: '#d2b48c',
+    teal: '#008080',
+    thistle: '#d8bfd8',
+    tomato: '#ff6347',
+    turquoise: '#40e0d0',
+    violet: '#ee82ee',
+    wheat: '#f5deb3',
+    white: '#ffffff',
+    whiteSmoke: '#f5f5f5',
+    yellow: '#ffff00',
+    yellowGreen: '#9acd32'
+};
+
+exports.PresetColorMap = PresetColorMap;

package/lib/parse/jcToTextAlign.js

@@ -17,6 +17,7 @@ function jcToTextAlign(jc) {
         case 'right':
             return 'right';
         case 'both':
+        case 'distribute':
             return 'justify';
     }
     return jc;

package/lib/parse/mergeSdt.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 将 sdt 内容合并到上层节点，返回合并后的数组
+ */
+export declare function mergeSdt(element: Element | Document): Element[];

package/lib/parse/mergeSdt.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+/**
+ * 将 sdt 内容合并到上层节点，返回合并后的数组
+ */
+function flattenSdtArray(arr) {
+    var e_1, _a;
+    var returnArray = arr.slice();
+    var index = 0;
+    // 如果 sdt 里还有 sdt 就需要递归
+    var needRecursion = false;
+    try {
+        for (var arr_1 = tslib.__values(arr), arr_1_1 = arr_1.next(); !arr_1_1.done; arr_1_1 = arr_1.next()) {
+            var child = arr_1_1.value;
+            var tagName = child.tagName;
+            switch (tagName) {
+                case 'w:smartTag':
+                case 'w:customXml':
+                    var customXMLChildren = [].slice.call(child.children);
+                    returnArray.splice.apply(returnArray, tslib.__spreadArray([index, 1], tslib.__read(customXMLChildren), false));
+                    index = index + customXMLChildren.length;
+                    continue;
+                case 'w:sdt':
+                    var sdtContent = child.getElementsByTagName('w:sdtContent').item(0);
+                    var childSdt = child.getElementsByTagName('w:sdt').item(0);
+                    if (childSdt) {
+                        needRecursion = true;
+                    }
+                    if (sdtContent) {
+                        var sdtContentChildren = [].slice.call(sdtContent.children);
+                        returnArray.splice.apply(returnArray, tslib.__spreadArray([index, 1], tslib.__read(sdtContentChildren), false));
+                        index = index + sdtContentChildren.length;
+                        continue;
+                    }
+                    break;
+            }
+            index = index + 1;
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (arr_1_1 && !arr_1_1.done && (_a = arr_1.return)) _a.call(arr_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (needRecursion) {
+        return flattenSdtArray(returnArray);
+    }
+    return returnArray;
+}
+function mergeSdt(element) {
+    var arr = [].slice.call(element.children);
+    return flattenSdtArray(arr);
+}
+
+exports.mergeSdt = mergeSdt;

package/lib/parse/modifyColor.d.ts

@@ -0,0 +1 @@
+export declare function modifyColor(element: Element, colorStr: string): string;

package/lib/parse/modifyColor.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var OpenXML = require('../OpenXML.js');
+var color = require('../util/color.js');
+var parseSize = require('./parseSize.js');
+
+// 处理颜色变化
+// 20.1.2.3
+function modifyColor(element, colorStr) {
+    var e_1, _a;
+    var color$1 = new color.Color(colorStr);
+    if (color$1.isValid) {
+        var alpha = 1;
+        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:alpha':
+                    case 'w14:alpha':
+                        alpha = OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:blue':
+                        color$1.b = 256 * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:blueMod':
+                        color$1.b = color$1.b * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:blueOff':
+                        color$1.b += color$1.b * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:comp':
+                        color$1.comp();
+                        break;
+                    case 'a:green':
+                        color$1.g = 256 * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:greenMod':
+                        color$1.g = color$1.g * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:greenOff':
+                        color$1.g += color$1.g * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:red':
+                        color$1.r = 256 * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:redMod':
+                        color$1.r = color$1.r * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:redOff':
+                        color$1.r += color$1.r * OpenXML.getAttrPercent(child, 'val');
+                        break;
+                    case 'a:lum':
+                        color$1.lum(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:lumMod':
+                        color$1.lumMod(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:lumOff':
+                        color$1.lumOff(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:hue':
+                        color$1.hue(parseSize.convertAngle(child.getAttribute('hue')) / 360);
+                        break;
+                    case 'a:hueMod':
+                        color$1.hueMod(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:hueOff':
+                        color$1.hueOff(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:sat':
+                        color$1.sat(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:satMod':
+                        color$1.satMod(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:satOff':
+                        color$1.satOff(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:shade':
+                        color$1.shade(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:tint':
+                        color$1.tint(OpenXML.getAttrPercent(child, 'val'));
+                        break;
+                    default:
+                        console.log('unknown color modify', 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; }
+        }
+        if (alpha !== 1) {
+            return color$1.toRgba(alpha);
+        }
+        return color$1.toHex();
+    }
+    return colorStr;
+}
+
+exports.modifyColor = modifyColor;

package/lib/parse/parseBorder.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 var OpenXML = require('../OpenXML.js');
 var parseColor = require('./parseColor.js');
 var parseSize = require('./parseSize.js');
-var Types = require('../openxml/Types.js');
 
 // 默认边框颜色
 var DEFAULT_BORDER_COLOR = 'black';
@@ -15,27 +14,9 @@ var DEFAULT_BORDER_COLOR = 'black';
  */
 function parseBorder(word, element) {
     var type = OpenXML.getVal(element);
-    if (type === Types.ST_Border.nil || type === Types.ST_Border.none) {
+    if (type === 'nil' || type === 'none') {
         return 'none';
     }
-    // 这里和 css 不完全一致，css 能表现的要少很多，也是导致展现效果难以一致的原因
-    switch (type) {
-        case Types.ST_Border.dashed:
-        case Types.ST_Border.dashDotStroked:
-        case Types.ST_Border.dashSmallGap:
-            break;
-        case Types.ST_Border.dotDash:
-        case Types.ST_Border.dotDotDash:
-        case Types.ST_Border.dotted:
-            break;
-        case Types.ST_Border.double:
-        case Types.ST_Border.doubleWave:
-            break;
-        case Types.ST_Border.inset:
-            break;
-        case Types.ST_Border.outset:
-            break;
-    }
     var color = parseColor.parseColorAttr(word, element);
     var size = parseSize.parseSize(element, 'w:sz', parseSize.LengthUsage.Border);
     return "".concat(size, " solid ").concat(color == 'auto' ? DEFAULT_BORDER_COLOR : color);
@@ -46,7 +27,7 @@ function parseBorder(word, element) {
 function parseBorders(word, element, style) {
     var e_1, _a;
     try {
-        for (var _b = tslib_es6.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+        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) {

package/lib/parse/parseCellMargin.d.ts

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

package/lib/parse/parseCellMargin.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var parseSize = require('./parseSize.js');
+
+// http://officeopenxml.com/WPtableCellProperties-Margins.php
+function parseCellMargin(element, style) {
+    var e_1, _a;
+    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: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; }
+    }
+}
+
+exports.parseCellMargin = parseCellMargin;

package/lib/parse/parseChildColor.d.ts

@@ -0,0 +1,5 @@
+import Word from '../Word';
+/**
+ * 解析子节点颜色，这里其实还有 lumMod 和 lumOff
+ */
+export declare function parseChildColor(word: Word, element: Element): string;