office-viewer 0.1.0 → 0.1.3

package/esm/parse/Footnotes.js

@@ -0,0 +1,25 @@
+import { __values } from 'tslib';
+import { Note } from '../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 = __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.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;
+}
+
+export { parseFootnotes };

package/esm/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/esm/parse/colorNameMap.js

@@ -0,0 +1,201 @@
+/**
+ * 内置颜色
+ * 参考了 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'
+};
+
+export { PresetColorMap };

package/esm/parse/jcToTextAlign.js

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

package/esm/parse/mergeSdt.d.ts

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

package/esm/parse/mergeSdt.js

@@ -0,0 +1,57 @@
+import { __values, __spreadArray, __read } from '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 = __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, __spreadArray([index, 1], __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, __spreadArray([index, 1], __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);
+}
+
+export { mergeSdt };

package/esm/parse/modifyColor.d.ts

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

package/esm/parse/modifyColor.js

@@ -0,0 +1,106 @@
+import { __values } from 'tslib';
+import { getAttrPercent } from '../OpenXML.js';
+import { Color } from '../util/color.js';
+import { convertAngle } from './parseSize.js';
+
+// 处理颜色变化
+// 20.1.2.3
+function modifyColor(element, colorStr) {
+    var e_1, _a;
+    var color = new Color(colorStr);
+    if (color.isValid) {
+        var alpha = 1;
+        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:alpha':
+                    case 'w14:alpha':
+                        alpha = getAttrPercent(child, 'val');
+                        break;
+                    case 'a:blue':
+                        color.b = 256 * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:blueMod':
+                        color.b = color.b * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:blueOff':
+                        color.b += color.b * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:comp':
+                        color.comp();
+                        break;
+                    case 'a:green':
+                        color.g = 256 * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:greenMod':
+                        color.g = color.g * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:greenOff':
+                        color.g += color.g * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:red':
+                        color.r = 256 * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:redMod':
+                        color.r = color.r * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:redOff':
+                        color.r += color.r * getAttrPercent(child, 'val');
+                        break;
+                    case 'a:lum':
+                        color.lum(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:lumMod':
+                        color.lumMod(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:lumOff':
+                        color.lumOff(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:hue':
+                        color.hue(convertAngle(child.getAttribute('hue')) / 360);
+                        break;
+                    case 'a:hueMod':
+                        color.hueMod(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:hueOff':
+                        color.hueOff(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:sat':
+                        color.sat(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:satMod':
+                        color.satMod(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:satOff':
+                        color.satOff(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:shade':
+                        color.shade(getAttrPercent(child, 'val'));
+                        break;
+                    case 'a:tint':
+                        color.tint(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.toRgba(alpha);
+        }
+        return color.toHex();
+    }
+    return colorStr;
+}
+
+export { modifyColor };

package/esm/parse/parseBorder.js

@@ -1,8 +1,7 @@
-import { __values } from '../node_modules/tslib/tslib.es6.js';
+import { __values } from 'tslib';
 import { getVal } from '../OpenXML.js';
 import { parseColorAttr } from './parseColor.js';
 import { parseSize, LengthUsage } from './parseSize.js';
-import { ST_Border } from '../openxml/Types.js';
 
 // 默认边框颜色
 var DEFAULT_BORDER_COLOR = 'black';
@@ -11,27 +10,9 @@ var DEFAULT_BORDER_COLOR = 'black';
  */
 function parseBorder(word, element) {
     var type = getVal(element);
-    if (type === ST_Border.nil || type === ST_Border.none) {
+    if (type === 'nil' || type === 'none') {
         return 'none';
     }
-    // 这里和 css 不完全一致，css 能表现的要少很多，也是导致展现效果难以一致的原因
-    switch (type) {
-        case ST_Border.dashed:
-        case ST_Border.dashDotStroked:
-        case ST_Border.dashSmallGap:
-            break;
-        case ST_Border.dotDash:
-        case ST_Border.dotDotDash:
-        case ST_Border.dotted:
-            break;
-        case ST_Border.double:
-        case ST_Border.doubleWave:
-            break;
-        case ST_Border.inset:
-            break;
-        case ST_Border.outset:
-            break;
-    }
     var color = parseColorAttr(word, element);
     var size = parseSize(element, 'w:sz', LengthUsage.Border);
     return "".concat(size, " solid ").concat(color == 'auto' ? DEFAULT_BORDER_COLOR : color);

package/esm/parse/parseCellMargin.d.ts

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

package/esm/parse/parseCellMargin.js

@@ -0,0 +1,38 @@
+import { __values } from 'tslib';
+import { parseSize } from './parseSize.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; }
+    }
+}
+
+export { parseCellMargin };

package/esm/parse/parseChildColor.d.ts

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

package/esm/parse/parseChildColor.js

@@ -0,0 +1,66 @@
+import { getVal, getAttrPercent } from '../OpenXML.js';
+import { Color } from '../util/color.js';
+import { PresetColorMap } from './colorNameMap.js';
+import { modifyColor } from './modifyColor.js';
+
+/**
+ * 解析子节点颜色，这里其实还有 lumMod 和 lumOff
+ */
+function parseChildColor(word, element) {
+    var colorChild = element.firstElementChild;
+    if (colorChild) {
+        var colorType = colorChild.tagName;
+        switch (colorType) {
+            case 'a:prstClr':
+                var color = getVal(colorChild) || '';
+                if (color in PresetColorMap) {
+                    return modifyColor(colorChild, PresetColorMap[color]);
+                }
+                else {
+                    console.warn('parseOutline: Unknown color ', color, colorChild);
+                }
+                break;
+            case 'a:srgbClr':
+            case 'a:scrgbClr':
+            case 'w14:srgbClr':
+                var rgbColor = getVal(colorChild);
+                if (rgbColor) {
+                    return modifyColor(colorChild, '#' + rgbColor);
+                }
+                var r = getAttrPercent(colorChild, 'r');
+                var g = getAttrPercent(colorChild, 'g');
+                var b = getAttrPercent(colorChild, 'b');
+                var scrgbColor = Color.fromRGB(r, g, b);
+                return modifyColor(colorChild, scrgbColor.toHex());
+            case 'a:hslClr':
+                var h = getAttrPercent(colorChild, 'r');
+                var s = getAttrPercent(colorChild, 'g');
+                var l = getAttrPercent(colorChild, 'b');
+                var val = getVal(colorChild);
+                // 文档例子里有，不确定
+                if (val) {
+                    return modifyColor(colorChild, '#' + val);
+                }
+                var hslColor = Color.fromHSL(h, s, l);
+                return modifyColor(colorChild, hslColor.toHex());
+            case 'a:schemeClr':
+            case 'w14:schemeClr':
+                var schemeClr = getVal(colorChild);
+                if (schemeClr) {
+                    return modifyColor(colorChild, word.getThemeColor(schemeClr));
+                }
+                else {
+                    console.warn('parseOutline: Unknown schemeClr ', colorChild);
+                }
+                break;
+            case 'a:sysClr':
+                // 这里每个系统不一样，所以直接依赖浏览器的能力
+                return getVal(colorChild);
+            default:
+                console.warn('parseOutline: Unknown color type ', colorType, colorChild);
+        }
+    }
+    return '';
+}
+
+export { parseChildColor };

package/esm/parse/parseColor.d.ts

@@ -2,6 +2,10 @@
  * 解析颜色，转成 css 的颜色
  */
 import Word from '../Word';
+/**
+ * css 里可以识别的颜色
+ */
+export declare const cssColors: string[];
 /**
  *
  * 解析属性上的 color，比如  <w:top w:val="single" w:sz="24" w:space="1" w:color="FF0000" />