office-viewer 0.1.0 → 0.1.3

package/esm/util/color.js

@@ -0,0 +1,211 @@
+/**
+ * 处理颜色相关的函数，目前只支持 rgb
+ */
+// 颜色转换来自 https://gist.github.com/mjackson/5311256
+function rgbToHsl(r, g, b) {
+    (r /= 255), (g /= 255), (b /= 255);
+    var max = Math.max(r, g, b), min = Math.min(r, g, b);
+    var h = 0, s, l = (max + min) / 2;
+    if (max == min) {
+        h = s = 0; // achromatic
+    }
+    else {
+        var d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return { h: h, s: s, l: l };
+}
+function hue2rgb(p, q, t) {
+    if (t < 0)
+        t += 1;
+    if (t > 1)
+        t -= 1;
+    if (t < 1 / 6)
+        return p + (q - p) * 6 * t;
+    if (t < 1 / 2)
+        return q;
+    if (t < 2 / 3)
+        return p + (q - p) * (2 / 3 - t) * 6;
+    return p;
+}
+/**
+ * Converts an HSL color value to RGB. Conversion formula
+ * adapted from http://en.wikipedia.org/wiki/HSL_color_space.
+ * Assumes h, s, and l are contained in the set [0, 1] and
+ * returns r, g, and b in the set [0, 255].
+ *
+ * @param   Number  h       The hue
+ * @param   Number  s       The saturation
+ * @param   Number  l       The lightness
+ * @return  Array           The RGB representation
+ */
+function hslToRgb(h, s, l) {
+    if (h > 1) {
+        h = h / 360;
+    }
+    var r, g, b;
+    if (s == 0) {
+        r = g = b = l; // achromatic
+    }
+    else {
+        var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        var p = 2 * l - q;
+        r = hue2rgb(p, q, h + 1 / 3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return { r: r * 255, g: g * 255, b: b * 255 };
+}
+function pad2(c) {
+    return c.length == 1 ? '0' + c : '' + c;
+}
+// `rgbToHex`
+// Converts an RGB color to hex
+// Assumes r, g, and b are contained in the set [0, 255]
+// Returns a 3 or 6 character hex
+function rgbToHex(r, g, b) {
+    var hex = [
+        pad2(Math.round(r).toString(16)),
+        pad2(Math.round(g).toString(16)),
+        pad2(Math.round(b).toString(16))
+    ];
+    return hex.join('').toUpperCase();
+}
+/**
+ * 避免颜色值超出范围，适用于 rgb
+ */
+function toValidColor(c) {
+    return Math.min(Math.max(c, 0), 255);
+}
+var Color = /** @class */ (function () {
+    function Color(input) {
+        var m = input.match(/^#?([0-9a-f]{6})$/i);
+        if (m) {
+            this.r = parseInt(m[1].substring(0, 2), 16);
+            this.g = parseInt(m[1].substring(2, 4), 16);
+            this.b = parseInt(m[1].substring(4, 6), 16);
+            this.isValid = true;
+        }
+    }
+    Color.fromHSL = function (h, s, l) {
+        var rgb = hslToRgb(h, s, l);
+        return new Color("#".concat(rgbToHex(rgb.r, rgb.g, rgb.b)));
+    };
+    Color.fromRGB = function (r, g, b) {
+        var rgb = rgbToHex(r, g, b);
+        return new Color("#".concat(rgb));
+    };
+    /**
+     * 设置 lum
+     */
+    Color.prototype.lum = function (l) {
+        return this.changeHsl(l, 'l', 'set');
+    };
+    /**
+     * 改变 lum 百分比，其实不太对，但差不太多
+     * @param l 百分比，比如 2 相当于 200 %
+     */
+    Color.prototype.lumMod = function (l) {
+        return this.changeHsl(l, 'l', 'mod');
+    };
+    /**
+     * 改变百分比
+     * @param l 百分比，比如 -0.2 相当于减少 20 %
+     */
+    Color.prototype.lumOff = function (l) {
+        return this.changeHsl(l, 'l', 'off');
+    };
+    /**
+     * h 取值范围是 0-1
+     */
+    Color.prototype.hue = function (h) {
+        return this.changeHsl(h, 'h', 'set');
+    };
+    Color.prototype.hueMod = function (h) {
+        return this.changeHsl(h, 'h', 'mod');
+    };
+    Color.prototype.hueOff = function (h) {
+        return this.changeHsl(h, 'h', 'off');
+    };
+    Color.prototype.sat = function (s) {
+        return this.changeHsl(s, 's', 'set');
+    };
+    Color.prototype.satMod = function (s) {
+        return this.changeHsl(s, 's', 'mod');
+    };
+    Color.prototype.satOff = function (s) {
+        return this.changeHsl(s, 's', 'off');
+    };
+    /**
+     * 修改 hsl 中某个部分的值
+     */
+    Color.prototype.changeHsl = function (num, com, changeType) {
+        var hsl = rgbToHsl(this.r, this.g, this.b);
+        if (changeType === 'set') {
+            hsl[com] = num;
+        }
+        else if (changeType === 'mod') {
+            hsl[com] = hsl[com] * num;
+        }
+        else if (changeType === 'off') {
+            hsl[com] += hsl[com] * num;
+        }
+        var rgb = hslToRgb(hsl.h, hsl.s, hsl.l);
+        this.r = rgb.r;
+        this.g = rgb.g;
+        this.b = rgb.b;
+        return this;
+    };
+    /**
+     * 互补色
+     */
+    Color.prototype.comp = function () {
+        var hsl = rgbToHsl(this.r, this.g, this.b);
+        hsl.h = hsl.h + 0.5;
+        if (hsl.h > 1) {
+            hsl.h -= 1;
+        }
+        var rgb = hslToRgb(hsl.h, hsl.s, hsl.l);
+        this.r = rgb.r;
+        this.g = rgb.g;
+        this.b = rgb.b;
+        return this;
+    };
+    Color.prototype.shade = function (s) {
+        this.r = toValidColor(this.r - 256 * s);
+        this.g = toValidColor(this.g - 256 * s);
+        this.b = toValidColor(this.b - 256 * s);
+    };
+    Color.prototype.tint = function (t) {
+        this.r = toValidColor(this.r + 256 * t);
+        this.g = toValidColor(this.g + 256 * t);
+        this.b = toValidColor(this.b + 256 * t);
+    };
+    Color.prototype.inv = function () {
+        this.r = 255 - this.r;
+        this.g = 255 - this.g;
+        this.b = 255 - this.b;
+        return this;
+    };
+    Color.prototype.toHex = function () {
+        return '#' + rgbToHex(this.r, this.g, this.b);
+    };
+    Color.prototype.toRgba = function (alpha) {
+        return "rgba(".concat(this.r, ", ").concat(this.g, ", ").concat(this.b, ", ").concat(alpha, ")");
+    };
+    return Color;
+}());
+
+export { Color };

package/esm/util/createObject.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 拷贝自 amis 里的方法，避免依赖
+ */
+export declare function createObject(superProps?: {
+    [propName: string]: any;
+}, props?: {
+    [propName: string]: any;
+}, properties?: any): object;
+export declare function cloneObject(target: any, persistOwnProps?: boolean): any;
+export declare function isObject(obj: any): any;

package/esm/util/createObject.js

@@ -0,0 +1,48 @@
+import { __assign } from 'tslib';
+
+/**
+ * 拷贝自 amis 里的方法，避免依赖
+ */
+function createObject(superProps, props, properties) {
+    if (superProps && Object.isFrozen(superProps)) {
+        superProps = cloneObject(superProps);
+    }
+    var obj = superProps
+        ? Object.create(superProps, __assign(__assign({}, properties), { __super: {
+                value: superProps,
+                writable: false,
+                enumerable: false
+            } }))
+        : Object.create(Object.prototype, properties);
+    props &&
+        isObject(props) &&
+        Object.keys(props).forEach(function (key) { return (obj[key] = props[key]); });
+    return obj;
+}
+function cloneObject(target, persistOwnProps) {
+    if (persistOwnProps === void 0) { persistOwnProps = true; }
+    var obj = target && target.__super
+        ? Object.create(target.__super, {
+            __super: {
+                value: target.__super,
+                writable: false,
+                enumerable: false
+            }
+        })
+        : Object.create(Object.prototype);
+    persistOwnProps &&
+        target &&
+        Object.keys(target).forEach(function (key) { return (obj[key] = target[key]); });
+    return obj;
+}
+function isObject(obj) {
+    var typename = typeof obj;
+    return (obj &&
+        typename !== 'string' &&
+        typename !== 'number' &&
+        typename !== 'boolean' &&
+        typename !== 'function' &&
+        !Array.isArray(obj));
+}
+
+export { cloneObject, createObject, isObject };

package/esm/util/dom.d.ts

@@ -9,19 +9,23 @@ export declare function styleToText(style?: CSSStyle): string;
 /**
  * 设置元素样式
  */
-export declare function setStyle(el: HTMLElement, style: CSSStyle): void;
+export declare function applyStyle(el: HTMLElement, style?: CSSStyle): void;
 /**
  * 创建元素
  */
 export declare function createElement(tagName: string): HTMLElement;
 /**
- * 创建片段
+ * 创建 SVG 元素
  */
-export declare function createDocumentFragment(): DocumentFragment;
+export declare function createSVGElement(tagName: string): SVGElement;
 /**
  * 添加子节点，会做一些判断避免报错
  */
-export declare function appendChild(parent: HTMLElement, child: HTMLElement | null): void;
+export declare function appendChild(parent: HTMLElement, child?: Node | null): void;
+/**
+ * 删除子节点，会做一些判断避免报错
+ */
+export declare function removeChild(parent: HTMLElement, child?: Node | null): void;
 /**
  * 添加注释节点
  */

package/esm/util/dom.js

@@ -1,4 +1,4 @@
-import { __spreadArray, __read } from '../node_modules/tslib/tslib.es6.js';
+import { __spreadArray, __read } from 'tslib';
 
 /**
  * dom 相关的操作
@@ -20,11 +20,14 @@ function styleToText(style) {
 /**
  * 设置元素样式
  */
-function setStyle(el, style) {
+function applyStyle(el, style) {
+    if (!style) {
+        return;
+    }
     for (var key in style) {
         var value = style[key];
         if (value != null && value !== '') {
-            el.style.setProperty(key, style[key]);
+            el.style.setProperty(key, String(value));
         }
     }
 }
@@ -34,6 +37,12 @@ function setStyle(el, style) {
 function createElement(tagName) {
     return document.createElement(tagName);
 }
+/**
+ * 创建 SVG 元素
+ */
+function createSVGElement(tagName) {
+    return document.createElementNS('http://www.w3.org/2000/svg', tagName);
+}
 /**
  * 添加子节点，会做一些判断避免报错
  */
@@ -42,6 +51,14 @@ function appendChild(parent, child) {
         parent.appendChild(child);
     }
 }
+/**
+ * 删除子节点，会做一些判断避免报错
+ */
+function removeChild(parent, child) {
+    if (parent && child) {
+        parent.removeChild(child);
+    }
+}
 /**
  * 添加 css 类
  */
@@ -60,4 +77,4 @@ function addClassNames(el, classNames) {
     }
 }
 
-export { addClassName, addClassNames, appendChild, createElement, setStyle, styleToText };
+export { addClassName, addClassNames, appendChild, applyStyle, createElement, createSVGElement, removeChild, styleToText };

package/esm/util/mergeRun.js

@@ -1,4 +1,4 @@
-import { __values } from '../node_modules/tslib/tslib.es6.js';
+import { __values } from 'tslib';
 import { parsePr } from '../parse/parsePr.js';
 
 /**

package/esm/util/parseSides.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 来自 https://github.com/jednano/parse-css-sides/blob/master/src/index.ts
+ */
+export interface ISides {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+    important?: boolean;
+}
+export default function parseSides(value: string): ISides;

package/esm/util/print.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 打印 iframe，参考了 print.js 里的部分实现
+ * @param iframe
+ */
+export declare function printIframe(iframe: HTMLIFrameElement): void;

package/esm/util/print.js

@@ -0,0 +1,54 @@
+import { __awaiter, __generator } from 'tslib';
+
+function loadIframeImages(images) {
+    var _this = this;
+    var promises = images.map(function (image) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(image.src && image.src !== window.location.href)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, loadIframeImage(image)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); });
+    return Promise.all(promises);
+}
+function loadIframeImage(image) {
+    return new Promise(function (resolve) {
+        var pollImage = function () {
+            !image ||
+                typeof image.naturalWidth === 'undefined' ||
+                image.naturalWidth === 0 ||
+                !image.complete
+                ? setTimeout(pollImage, 500)
+                : resolve();
+        };
+        pollImage();
+    });
+}
+function performPrint(iframe) {
+    var _a, _b;
+    (_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.print();
+    (_b = iframe.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(iframe);
+}
+/**
+ * 打印 iframe，参考了 print.js 里的部分实现
+ * @param iframe
+ */
+function printIframe(iframe) {
+    var printDocument = iframe.contentDocument;
+    // If printing images, wait for them to load inside the iframe
+    var images = printDocument.getElementsByTagName('img');
+    if (images.length > 0) {
+        loadIframeImages(Array.from(images)).then(function () { return performPrint(iframe); });
+    }
+    else {
+        performPrint(iframe);
+    }
+}
+
+export { printIframe };

package/esm/util/replaceVar.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 执行变量替换，和普通变量不同，这个支持数组，但因为是提前执行好的，没法再动态生效了
+ * 为了避免 word 里不必要的标签要先执行 mergeRun
+ */
+import Word from '../Word';
+/**
+ * 替换单个文本变量
+ */
+export declare function replaceT(word: Word, t: Element, data: any): void;
+export declare function replaceVar(word: Word, documentData: Document): void;

package/esm/util/replaceVar.js

@@ -0,0 +1,214 @@
+import { __values } from 'tslib';
+import { createObject } from './createObject.js';
+
+/**
+ * 执行变量替换，和普通变量不同，这个支持数组，但因为是提前执行好的，没法再动态生效了
+ * 为了避免 word 里不必要的标签要先执行 mergeRun
+ */
+/**
+ * 替换单个文本变量
+ */
+function replaceT(word, t, data) {
+    var text = t.textContent || '';
+    t.textContent = replaceText(word, text, data);
+}
+/**
+ * 替换变量文本
+ */
+function replaceText(word, text, data) {
+    var evalVar = word.renderOptions.evalVar;
+    if (text.startsWith('{{')) {
+        text = text.replace(/^{{/g, '').replace(/}}$/g, '');
+        var result = evalVar(text, data);
+        if (result !== undefined && result !== null) {
+            return String(result);
+        }
+        else {
+            return '';
+        }
+    }
+    return text;
+}
+function replaceAlt(word, cNvPr, data) {
+    var alt = cNvPr.getAttribute('descr') || '';
+    cNvPr.setAttribute('descrVar', replaceText(word, alt, data));
+}
+/**
+ * 替换表格行
+ */
+function replaceTableRow(word, tr) {
+    var e_1, _a, e_2, _b, e_3, _c, e_4, _d, e_5, _e;
+    var evalVar = word.renderOptions.evalVar;
+    var data = word.renderOptions.data;
+    var table = tr.parentNode;
+    var tcs = tr.getElementsByTagName('w:tc');
+    var hasLoop = false;
+    var loopArray = [];
+    try {
+        // 查找对应的循环
+        for (var tcs_1 = __values(tcs), tcs_1_1 = tcs_1.next(); !tcs_1_1.done; tcs_1_1 = tcs_1.next()) {
+            var tc = tcs_1_1.value;
+            var ts = tc.getElementsByTagName('w:t');
+            try {
+                for (var ts_1 = (e_2 = void 0, __values(ts)), ts_1_1 = ts_1.next(); !ts_1_1.done; ts_1_1 = ts_1.next()) {
+                    var t = ts_1_1.value;
+                    var text = t.textContent || '';
+                    if (text.startsWith('{{#')) {
+                        var arrayNameMatch = /{{#([^\}]+)}}/;
+                        var arrayMatchResult = arrayNameMatch.exec(text);
+                        if (arrayMatchResult && arrayMatchResult.length > 0) {
+                            hasLoop = true;
+                            var arrayName = arrayMatchResult[1];
+                            var array = evalVar(arrayName, data);
+                            if (Array.isArray(array)) {
+                                loopArray = array;
+                            }
+                            // 去掉这个循环变量
+                            t.textContent = t.textContent.replace("{{#".concat(arrayName, "}}"), '');
+                        }
+                    }
+                    if (text.indexOf('{{/}}')) {
+                        // 去掉结束变量
+                        t.textContent = t.textContent.replace('{{/}}', '');
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (ts_1_1 && !ts_1_1.done && (_b = ts_1.return)) _b.call(ts_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (tcs_1_1 && !tcs_1_1.done && (_a = tcs_1.return)) _a.call(tcs_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    if (hasLoop) {
+        try {
+            // 有循环，复制多行
+            for (var loopArray_1 = __values(loopArray), loopArray_1_1 = loopArray_1.next(); !loopArray_1_1.done; loopArray_1_1 = loopArray_1.next()) {
+                var item = loopArray_1_1.value;
+                var newTr = cloneTr(tr);
+                var ts = newTr.getElementsByTagName('w:t');
+                // 将 item 加入上下文
+                var rowData = createObject(data, item);
+                try {
+                    for (var ts_2 = (e_4 = void 0, __values(ts)), ts_2_1 = ts_2.next(); !ts_2_1.done; ts_2_1 = ts_2.next()) {
+                        var t = ts_2_1.value;
+                        replaceT(word, t, rowData);
+                    }
+                }
+                catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                finally {
+                    try {
+                        if (ts_2_1 && !ts_2_1.done && (_d = ts_2.return)) _d.call(ts_2);
+                    }
+                    finally { if (e_4) throw e_4.error; }
+                }
+                try {
+                    // 替换图片里的变量
+                    for (var _f = (e_5 = void 0, __values(newTr.getElementsByTagName('pic:cNvPr'))), _g = _f.next(); !_g.done; _g = _f.next()) {
+                        var cNvPr = _g.value;
+                        replaceAlt(word, cNvPr, rowData);
+                    }
+                }
+                catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                finally {
+                    try {
+                        if (_g && !_g.done && (_e = _f.return)) _e.call(_f);
+                    }
+                    finally { if (e_5) throw e_5.error; }
+                }
+                table.appendChild(newTr);
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (loopArray_1_1 && !loopArray_1_1.done && (_c = loopArray_1.return)) _c.call(loopArray_1);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        // 删除原来的行
+        table.removeChild(tr);
+    }
+}
+/**
+ * 克隆行，并进行一些清理
+ */
+function cloneTr(tr) {
+    var e_6, _a, e_7, _b;
+    var _c;
+    var newTr = tr.cloneNode(true);
+    // 去掉 tr 里的属性，感觉可能会有问题
+    removeAllAttr(newTr);
+    var ps = [].slice.call(newTr.getElementsByTagName('w:p'));
+    try {
+        for (var ps_1 = __values(ps), ps_1_1 = ps_1.next(); !ps_1_1.done; ps_1_1 = ps_1.next()) {
+            var p = ps_1_1.value;
+            removeAllAttr(p);
+        }
+    }
+    catch (e_6_1) { e_6 = { error: e_6_1 }; }
+    finally {
+        try {
+            if (ps_1_1 && !ps_1_1.done && (_a = ps_1.return)) _a.call(ps_1);
+        }
+        finally { if (e_6) throw e_6.error; }
+    }
+    // cnfStyles 基本上都是错的所以删了
+    var cnfStyles = [].slice.call(newTr.getElementsByTagName('w:cnfStyle'));
+    try {
+        for (var cnfStyles_1 = __values(cnfStyles), cnfStyles_1_1 = cnfStyles_1.next(); !cnfStyles_1_1.done; cnfStyles_1_1 = cnfStyles_1.next()) {
+            var cnfStyle = cnfStyles_1_1.value;
+            (_c = cnfStyle.parentElement) === null || _c === void 0 ? void 0 : _c.removeChild(cnfStyle);
+        }
+    }
+    catch (e_7_1) { e_7 = { error: e_7_1 }; }
+    finally {
+        try {
+            if (cnfStyles_1_1 && !cnfStyles_1_1.done && (_b = cnfStyles_1.return)) _b.call(cnfStyles_1);
+        }
+        finally { if (e_7) throw e_7.error; }
+    }
+    return newTr;
+}
+/**
+ * 删掉所有属性，虽然不知道为啥有些不生效
+ */
+function removeAllAttr(node) {
+    while (node.attributes.length > 0) {
+        node.removeAttributeNode(node.attributes[0]);
+    }
+}
+/**
+ * 替换表格，目前只支持行
+ */
+function replaceTable(word, documentData) {
+    var e_8, _a;
+    var trs = [].slice.call(documentData.getElementsByTagName('w:tr'));
+    try {
+        for (var trs_1 = __values(trs), trs_1_1 = trs_1.next(); !trs_1_1.done; trs_1_1 = trs_1.next()) {
+            var tr = trs_1_1.value;
+            replaceTableRow(word, tr);
+        }
+    }
+    catch (e_8_1) { e_8 = { error: e_8_1 }; }
+    finally {
+        try {
+            if (trs_1_1 && !trs_1_1.done && (_a = trs_1.return)) _a.call(trs_1);
+        }
+        finally { if (e_8) throw e_8.error; }
+    }
+}
+function replaceVar(word, documentData) {
+    replaceTable(word, documentData);
+}
+
+export { replaceT, replaceVar };

package/esm/util/xml.js

@@ -1,6 +1,9 @@
 /**
  * 解析 xml
  */
+function parseXML(content) {
+    return new DOMParser().parseFromString(content, 'application/xml');
+}
 /**
  * 构建 xml 文本
  */
@@ -9,4 +12,4 @@ function buildXML(doc) {
     return serializer.serializeToString(doc);
 }
 
-export { buildXML };
+export { buildXML, parseXML };