office-viewer 0.1.0 → 0.1.4

package/lib/util/createObject.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+/**
+ * 拷贝自 amis 里的方法，避免依赖
+ */
+function createObject(superProps, props, properties) {
+    if (superProps && Object.isFrozen(superProps)) {
+        superProps = cloneObject(superProps);
+    }
+    var obj = superProps
+        ? Object.create(superProps, tslib.__assign(tslib.__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));
+}
+
+exports.cloneObject = cloneObject;
+exports.createObject = createObject;
+exports.isObject = isObject;

package/lib/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/lib/util/dom.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 
 /**
  * dom 相关的操作
@@ -24,11 +24,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));
         }
     }
 }
@@ -38,6 +41,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);
+}
 /**
  * 添加子节点，会做一些判断避免报错
  */
@@ -46,6 +55,14 @@ function appendChild(parent, child) {
         parent.appendChild(child);
     }
 }
+/**
+ * 删除子节点，会做一些判断避免报错
+ */
+function removeChild(parent, child) {
+    if (parent && child) {
+        parent.removeChild(child);
+    }
+}
 /**
  * 添加 css 类
  */
@@ -60,13 +77,15 @@ function addClassName(el, className) {
 function addClassNames(el, classNames) {
     var _a;
     if (el && classNames) {
-        (_a = el.classList).add.apply(_a, tslib_es6.__spreadArray([], tslib_es6.__read(classNames), false));
+        (_a = el.classList).add.apply(_a, tslib.__spreadArray([], tslib.__read(classNames), false));
     }
 }
 
 exports.addClassName = addClassName;
 exports.addClassNames = addClassNames;
 exports.appendChild = appendChild;
+exports.applyStyle = applyStyle;
 exports.createElement = createElement;
-exports.setStyle = setStyle;
+exports.createSVGElement = createSVGElement;
+exports.removeChild = removeChild;
 exports.styleToText = styleToText;

package/lib/util/get.d.ts

@@ -0,0 +1,4 @@
+/**
+ * https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#_get
+ */
+export declare const get: (obj: any, path: string, defaultValue?: undefined) => any;

package/lib/util/get.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#_get
+ */
+var get = function (obj, path, defaultValue) {
+    if (defaultValue === void 0) { defaultValue = undefined; }
+    var travel = function (regexp) {
+        return String.prototype.split
+            .call(path, regexp)
+            .filter(Boolean)
+            .reduce(function (res, key) {
+            return res !== null && res !== undefined ? res[key] : res;
+        }, obj);
+    };
+    var result = travel(/[,[\]]+?/) || travel(/[,[\].]+?/);
+    return result === undefined || result === obj ? defaultValue : result;
+};
+
+exports.get = get;

package/lib/util/mergeRun.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 var parsePr = require('../parse/parsePr.js');
 
 /**
@@ -34,7 +34,7 @@ function canMerge(element) {
     var hasText = false;
     var textHasSpace = false;
     try {
-        for (var childChildren_1 = tslib_es6.__values(childChildren), childChildren_1_1 = childChildren_1.next(); !childChildren_1_1.done; childChildren_1_1 = childChildren_1.next()) {
+        for (var childChildren_1 = tslib.__values(childChildren), childChildren_1_1 = childChildren_1.next(); !childChildren_1_1.done; childChildren_1_1 = childChildren_1.next()) {
             var childChild = childChildren_1_1.value;
             if (childChild.tagName === 'w:t') {
                 hasText = true;
@@ -60,7 +60,7 @@ function mergeRunInP(word, p) {
     var newElements = [];
     var lastRun = null;
     try {
-        for (var _c = tslib_es6.__values(p.children), _d = _c.next(); !_d.done; _d = _c.next()) {
+        for (var _c = tslib.__values(p.children), _d = _c.next(); !_d.done; _d = _c.next()) {
             var child = _d.value;
             var tagName = child.tagName;
             // 避免图片和空格被合并了
@@ -100,7 +100,7 @@ function mergeRunInP(word, p) {
     }
     p.innerHTML = '';
     try {
-        for (var newElements_1 = tslib_es6.__values(newElements), newElements_1_1 = newElements_1.next(); !newElements_1_1.done; newElements_1_1 = newElements_1.next()) {
+        for (var newElements_1 = tslib.__values(newElements), newElements_1_1 = newElements_1.next(); !newElements_1_1.done; newElements_1_1 = newElements_1.next()) {
             var newElement = newElements_1_1.value;
             p.appendChild(newElement);
         }
@@ -121,7 +121,7 @@ function mergeRun(word, doc) {
     var e_4, _a;
     var ps = doc.getElementsByTagName('w:p');
     try {
-        for (var ps_1 = tslib_es6.__values(ps), ps_1_1 = ps_1.next(); !ps_1_1.done; ps_1_1 = ps_1.next()) {
+        for (var ps_1 = tslib.__values(ps), ps_1_1 = ps_1.next(); !ps_1_1.done; ps_1_1 = ps_1.next()) {
             var p = ps_1_1.value;
             mergeRunInP(word, p);
         }

package/lib/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/lib/util/print.d.ts

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

package/lib/util/print.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+function loadIframeImages(images) {
+    var _this = this;
+    var promises = images.map(function (image) { return tslib.__awaiter(_this, void 0, void 0, function () {
+        return tslib.__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);
+    }
+}
+
+exports.printIframe = printIframe;

package/lib/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/lib/util/replaceVar.js

@@ -0,0 +1,220 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var createObject = require('./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 {
+            console.warn('var error: [', text, '] not found in data');
+            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 = tslib.__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, tslib.__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 = tslib.__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.createObject(data, item);
+                try {
+                    for (var ts_2 = (e_4 = void 0, tslib.__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, tslib.__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.insertBefore(newTr, tr);
+            }
+        }
+        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 = tslib.__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 = tslib.__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 = tslib.__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);
+}
+
+exports.replaceT = replaceT;
+exports.replaceVar = replaceVar;

package/lib/util/xml.js

@@ -5,6 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 /**
  * 解析 xml
  */
+function parseXML(content) {
+    return new DOMParser().parseFromString(content, 'application/xml');
+}
 /**
  * 构建 xml 文本
  */
@@ -14,3 +17,4 @@ function buildXML(doc) {
 }
 
 exports.buildXML = buildXML;
+exports.parseXML = parseXML;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "office-viewer",
-  "version": "0.1.0",
+  "version": "0.1.4",
   "description": "office 文档在线预览",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -10,10 +10,12 @@
     "build": "npm run clean-dist &&  cross-env NODE_ENV=production rollup -c ",
     "test": "jest",
     "lib": "npm run clean-dist && cross-env NODE_ENV=production IS_LIB=1 rollup -c",
+    "update-snapshot": "jest --updateSnapshot",
     "coverage": "jest --coverage",
     "declaration": "tsc --project tsconfig-for-declaration.json --allowJs --declaration --emitDeclarationOnly --declarationDir ./lib --rootDir ./src",
     "clean-dist": "rimraf lib/** esm/**",
-    "xsd2ts": "cd tools && ts-node --transpileOnly xsd2ts.ts"
+    "xsd2ts": "cd tools && ts-node --transpileOnly xsd2ts.ts",
+    "conver-preset": "cd tools && ts-node --transpileOnly converDrawingML.ts"
   },
   "exports": {
     ".": {
@@ -39,7 +41,8 @@
   },
   "homepage": "https://github.com/baidu/amis#readme",
   "dependencies": {
-    "fflate": "^0.7.4"
+    "fflate": "^0.7.4",
+    "tslib": "^2.3.1"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^22.0.2",
@@ -47,18 +50,25 @@
     "@rollup/plugin-node-resolve": "^14.1.0",
     "@rollup/plugin-typescript": "^8.3.4",
     "@types/jest": "^28.1.0",
+    "@testing-library/jest-dom": "^5.16.4",
     "amis-formula": "^2.7.2",
+    "fast-xml-parser": "4.1.3",
     "jest": "^29.0.3",
+    "jest-environment-jsdom": "^29.0.3",
+    "rollup": "^2.60.2",
+    "rollup-plugin-terser": "^7.0.2",
     "ts-jest": "^29.0.2",
     "ts-loader": "^9.2.3",
     "ts-node": "^10.4.0",
     "typescript": "^4.3.5",
-    "rollup": "^2.60.2",
-    "rollup-plugin-terser": "^7.0.2",
-    "vite": "^3.2.2"
+    "xml-formatter": "^3.3.2"
   },
   "jest": {
     "testEnvironment": "jsdom",
+    "coverageReporters": [
+      "text",
+      "cobertura"
+    ],
     "collectCoverageFrom": [
       "src/**/*"
     ],
@@ -88,4 +98,4 @@
       "printBasicPrototype": false
     }
   }
-}
+}