office-viewer 0.1.0

package/lib/util/autoSpace.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 中英文间自动加空格，基于下面代码改的，去掉了 lodash 依赖
+ * https://gist.github.com/wyl8899/e0f31068681023480e20c34f6b19a275
+ */
+/* Partial implementation from https://zhuanlan.zhihu.com/p/33612593 */
+/* 标点 */
+var punctuationRegex = /\p{Punctuation}/u;
+/* 空格 */
+var spaceRegex = /\p{Separator}/u;
+/* CJK 字符，中日韩 */
+var cjkRegex = /\p{Script=Han}|\p{Script=Katakana}|\p{Script=Hiragana}|\p{Script=Hangul}/u;
+var shouldSpace = function (a, b) {
+    if (cjkRegex.test(a)) {
+        return !(punctuationRegex.test(b) ||
+            spaceRegex.test(b) ||
+            cjkRegex.test(b));
+    }
+    else {
+        return cjkRegex.test(b) && !punctuationRegex.test(a) && !spaceRegex.test(a);
+    }
+};
+var join = function (parts, sepFunc) {
+    return parts.reduce(function (r, p, i) {
+        var sep = i !== 0 ? sepFunc(p, parts[i - 1]) : '';
+        return r + sep + p;
+    }, '');
+};
+var cjkspace = function (strings) {
+    var filtered = strings.filter(function (c) { return c !== undefined && c !== ''; });
+    return join(filtered, function (a, b) { return (shouldSpace(a, b) ? ' ' : ''); });
+};
+
+exports.cjkspace = cjkspace;

package/lib/util/blob.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 将 blob 转成 data url
+ */
+export declare function blobToDataURL(blob: Blob): Promise<string>;
+/**
+ * 下载 blob
+ * https://dev.to/nombrekeff/download-file-from-blob-21ho
+ */
+export declare function downloadBlob(blob: Blob, name?: string): void;

package/lib/util/blob.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 将 blob 转成 data url
+ */
+function blobToDataURL(blob) {
+    return new Promise(function (resolve, reject) {
+        var reader = new FileReader();
+        reader.onload = function (_e) { return resolve(reader.result); };
+        reader.onerror = function (_e) { return reject(reader.error); };
+        reader.onabort = function (_e) { return reject(new Error('Read aborted')); };
+        reader.readAsDataURL(blob);
+    });
+}
+/**
+ * 下载 blob
+ * https://dev.to/nombrekeff/download-file-from-blob-21ho
+ */
+function downloadBlob(blob, name) {
+    if (name === void 0) { name = 'file.txt'; }
+    // Convert your blob into a Blob URL (a special url that points to an object in the browser's memory)
+    var blobUrl = URL.createObjectURL(blob);
+    // Create a link element
+    var link = document.createElement('a');
+    // Set link's href to point to the Blob URL
+    link.href = blobUrl;
+    link.download = name;
+    // Append link to the body
+    document.body.appendChild(link);
+    // Dispatch click event on the link
+    // This is necessary as link.click() does not work on the latest firefox
+    link.dispatchEvent(new MouseEvent('click', {
+        bubbles: true,
+        cancelable: true,
+        view: window
+    }));
+    // Remove link from body
+    document.body.removeChild(link);
+}
+
+exports.blobToDataURL = blobToDataURL;
+exports.downloadBlob = downloadBlob;

package/lib/util/dom.d.ts

@@ -0,0 +1,36 @@
+/**
+ * dom 相关的操作
+ */
+import { CSSStyle } from '../openxml/Style';
+/**
+ * 样式对象转成 css 文本
+ */
+export declare function styleToText(style?: CSSStyle): string;
+/**
+ * 设置元素样式
+ */
+export declare function setStyle(el: HTMLElement, style: CSSStyle): void;
+/**
+ * 创建元素
+ */
+export declare function createElement(tagName: string): HTMLElement;
+/**
+ * 创建片段
+ */
+export declare function createDocumentFragment(): DocumentFragment;
+/**
+ * 添加子节点，会做一些判断避免报错
+ */
+export declare function appendChild(parent: HTMLElement, child: HTMLElement | null): void;
+/**
+ * 添加注释节点
+ */
+export declare function appendComment(parent: HTMLElement, comment: string): void;
+/**
+ * 添加 css 类
+ */
+export declare function addClassName(el: HTMLElement, className: string): void;
+/**
+ * 批量添加 css 类
+ */
+export declare function addClassNames(el: HTMLElement, classNames: string[]): void;

package/lib/util/dom.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
+
+/**
+ * dom 相关的操作
+ */
+/**
+ * 样式对象转成 css 文本
+ */
+function styleToText(style) {
+    if (style === void 0) { style = {}; }
+    var text = '';
+    for (var key in style) {
+        var value = style[key];
+        if (value != null && value !== '') {
+            text += "".concat(key, ": ").concat(value, ";\n");
+        }
+    }
+    return text;
+}
+/**
+ * 设置元素样式
+ */
+function setStyle(el, style) {
+    for (var key in style) {
+        var value = style[key];
+        if (value != null && value !== '') {
+            el.style.setProperty(key, style[key]);
+        }
+    }
+}
+/**
+ * 创建元素
+ */
+function createElement(tagName) {
+    return document.createElement(tagName);
+}
+/**
+ * 添加子节点，会做一些判断避免报错
+ */
+function appendChild(parent, child) {
+    if (parent && child) {
+        parent.appendChild(child);
+    }
+}
+/**
+ * 添加 css 类
+ */
+function addClassName(el, className) {
+    if (el && className) {
+        el.classList.add(className);
+    }
+}
+/**
+ * 批量添加 css 类
+ */
+function addClassNames(el, classNames) {
+    var _a;
+    if (el && classNames) {
+        (_a = el.classList).add.apply(_a, tslib_es6.__spreadArray([], tslib_es6.__read(classNames), false));
+    }
+}
+
+exports.addClassName = addClassName;
+exports.addClassNames = addClassNames;
+exports.appendChild = appendChild;
+exports.createElement = createElement;
+exports.setStyle = setStyle;
+exports.styleToText = styleToText;

package/lib/util/mergeRun.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 合并 p 下相同的文本，主要是为了方便替换变量
+ */
+import Word from '../Word';
+/**
+ * 只支持处理 w:r 下有 w:t 的情况
+ */
+export declare function canMerge(element: Element): boolean;
+/**
+ * 合并 p 下相同的文本
+ */
+export declare function mergeRunInP(word: Word, p: Element): void;
+/**
+ * 合并
+ * @param document
+ */
+export declare function mergeRun(word: Word, doc: Document): void;

package/lib/util/mergeRun.js

@@ -0,0 +1,140 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
+var parsePr = require('../parse/parsePr.js');
+
+/**
+ * 合并 p 下相同的文本，主要是为了方便替换变量
+ */
+/**
+ *  是否具有相同样式
+ */
+function hasSomeStyle(word, first, second) {
+    var firstStyle = first ? parsePr.parsePr(word, first) : {};
+    var secondStyle = second ? parsePr.parsePr(word, second) : {};
+    return JSON.stringify(firstStyle) === JSON.stringify(secondStyle);
+}
+function mergeText(first, second) {
+    var firstT = first.getElementsByTagName('w:t')[0];
+    var secondT = second.getElementsByTagName('w:t')[0];
+    if (firstT && secondT) {
+        var secondText = secondT.textContent || '';
+        firstT.textContent += secondText || '';
+    }
+}
+/**
+ * 只支持处理 w:r 下有 w:t 的情况
+ */
+function canMerge(element) {
+    var e_1, _a;
+    var tagName = element.tagName;
+    var childChildren = element.children;
+    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()) {
+            var childChild = childChildren_1_1.value;
+            if (childChild.tagName === 'w:t') {
+                hasText = true;
+                textHasSpace = childChild.getAttribute('xml:space') === 'preserve';
+                break;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (childChildren_1_1 && !childChildren_1_1.done && (_a = childChildren_1.return)) _a.call(childChildren_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return tagName === 'w:r' && hasText && !textHasSpace;
+}
+/**
+ * 合并 p 下相同的文本
+ */
+function mergeRunInP(word, p) {
+    var e_2, _a, e_3, _b;
+    var newElements = [];
+    var lastRun = null;
+    try {
+        for (var _c = tslib_es6.__values(p.children), _d = _c.next(); !_d.done; _d = _c.next()) {
+            var child = _d.value;
+            var tagName = child.tagName;
+            // 避免图片和空格被合并了
+            if (canMerge(child)) {
+                if (lastRun) {
+                    var lastRunProps = lastRun.getElementsByTagName('w:rPr')[0];
+                    var thisProps = child.getElementsByTagName('w:rPr')[0];
+                    if (hasSomeStyle(word, lastRunProps, thisProps)) {
+                        mergeText(lastRun, child);
+                    }
+                    else {
+                        lastRun = child;
+                        newElements.push(child);
+                    }
+                }
+                else {
+                    // 说明是第一次运行
+                    lastRun = child;
+                    newElements.push(child);
+                }
+            }
+            else {
+                // 忽略这个标签
+                if (tagName !== 'w:proofErr') {
+                    lastRun = null;
+                    newElements.push(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; }
+    }
+    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()) {
+            var newElement = newElements_1_1.value;
+            p.appendChild(newElement);
+        }
+    }
+    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+    finally {
+        try {
+            if (newElements_1_1 && !newElements_1_1.done && (_b = newElements_1.return)) _b.call(newElements_1);
+        }
+        finally { if (e_3) throw e_3.error; }
+    }
+}
+/**
+ * 合并
+ * @param document
+ */
+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()) {
+            var p = ps_1_1.value;
+            mergeRunInP(word, p);
+        }
+    }
+    catch (e_4_1) { e_4 = { error: e_4_1 }; }
+    finally {
+        try {
+            if (ps_1_1 && !ps_1_1.done && (_a = ps_1.return)) _a.call(ps_1);
+        }
+        finally { if (e_4) throw e_4.error; }
+    }
+}
+
+exports.canMerge = canMerge;
+exports.mergeRun = mergeRun;
+exports.mergeRunInP = mergeRunInP;

package/lib/util/xml.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 解析 xml
+ */
+export declare function parseXML(content: string): Document;
+/**
+ * 构建 xml 文本
+ */
+export declare function buildXML(doc: Node): string;

package/lib/util/xml.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * 解析 xml
+ */
+/**
+ * 构建 xml 文本
+ */
+function buildXML(doc) {
+    var serializer = new XMLSerializer();
+    return serializer.serializeToString(doc);
+}
+
+exports.buildXML = buildXML;

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "office-viewer",
+  "version": "0.1.0",
+  "description": "office 文档在线预览",
+  "main": "lib/index.js",
+  "module": "esm/index.js",
+  "types": "lib/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "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",
+    "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"
+  },
+  "exports": {
+    ".": {
+      "require": "./lib/index.js",
+      "import": "./esm/index.js"
+    },
+    "./lib/*": {
+      "require": "./lib/*.js",
+      "import": "./esm/*.js"
+    }
+  },
+  "files": [
+    "lib",
+    "esm"
+  ],
+  "keywords": [
+    "office",
+    "docx"
+  ],
+  "license": "Apache 2.0",
+  "bugs": {
+    "url": "https://github.com/baidu/amis/issues"
+  },
+  "homepage": "https://github.com/baidu/amis#readme",
+  "dependencies": {
+    "fflate": "^0.7.4"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@rollup/plugin-typescript": "^8.3.4",
+    "@types/jest": "^28.1.0",
+    "amis-formula": "^2.7.2",
+    "jest": "^29.0.3",
+    "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"
+  },
+  "jest": {
+    "testEnvironment": "jsdom",
+    "collectCoverageFrom": [
+      "src/**/*"
+    ],
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js"
+    ],
+    "transform": {
+      "\\.(ts|tsx)$": [
+        "ts-jest",
+        {
+          "diagnostics": false
+        }
+      ]
+    },
+    "setupFiles": [
+      "jest-canvas-mock"
+    ],
+    "testRegex": "/.*\\.test\\.(ts|tsx|js)$",
+    "moduleNameMapper": {
+      "\\.(css|less|sass|scss)$": "<rootDir>/../__mocks__/styleMock.js",
+      "\\.(svg)$": "<rootDir>/../__mocks__/svgMock.js"
+    },
+    "snapshotFormat": {
+      "escapeString": false,
+      "printBasicPrototype": false
+    }
+  }
+}