office-viewer 0.1.4 → 0.2.0

package/esm/util/replaceVar.js

@@ -1,4 +1,5 @@
-import { __values } from 'tslib';
+import { __awaiter, __generator, __values } from 'tslib';
+import { Pic } from '../openxml/drawing/Pic.js';
 import { createObject } from './createObject.js';
 
 /**
@@ -30,115 +31,192 @@ function replaceText(word, text, data) {
     }
     return text;
 }
-function replaceAlt(word, cNvPr, data) {
-    var alt = cNvPr.getAttribute('descr') || '';
-    cNvPr.setAttribute('descrVar', replaceText(word, alt, data));
+// 生成的新 id
+var newRelId = 1;
+/**
+ * 替换图片里的变量
+ * @param replaceImage 如果为 true，则会实际替换掉 zip 里的图片，但可能影响性能所以默认不开启，只有下载的时候才开启
+ */
+function replaceAlt(word, cNvPr, data, replaceImage) {
+    if (replaceImage === void 0) { replaceImage = false; }
+    return __awaiter(this, void 0, void 0, function () {
+        var alt, imageURL, parentElement, blip, newId, imageResponse, imageData, pic, blip_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (cNvPr.getAttribute('downloaded')) {
+                        // 已经替换过了
+                        return [2 /*return*/];
+                    }
+                    alt = cNvPr.getAttribute('descr') || '';
+                    imageURL = replaceText(word, alt, data);
+                    cNvPr.setAttribute('descrVar', imageURL);
+                    if (!(replaceImage && imageURL)) return [3 /*break*/, 4];
+                    parentElement = cNvPr.parentElement.parentElement;
+                    blip = parentElement.getElementsByTagName('a:blip').item(0);
+                    if (!blip) return [3 /*break*/, 3];
+                    newId = "rIdn".concat(newRelId);
+                    blip.setAttribute('r:embed', newId);
+                    return [4 /*yield*/, fetch(imageURL)];
+                case 1:
+                    imageResponse = _a.sent();
+                    return [4 /*yield*/, imageResponse.arrayBuffer()];
+                case 2:
+                    imageData = _a.sent();
+                    word.saveNewImage(newId, new Uint8Array(imageData));
+                    cNvPr.setAttribute('downloaded', 'true');
+                    newRelId++;
+                    _a.label = 3;
+                case 3:
+                    pic = Pic.fromXML(word, parentElement);
+                    if (pic && pic.blipFill && pic.blipFill.blip) {
+                        blip_1 = pic.blipFill.blip;
+                        if (blip_1.embled) ;
+                    }
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    });
 }
 /**
  * 替换表格行
  */
-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;
+function replaceTableRow(word, tr, replaceImage) {
+    if (replaceImage === void 0) { replaceImage = false; }
+    return __awaiter(this, void 0, void 0, function () {
+        var evalVar, data, table, tcs, hasLoop, loopArray, tcs_1, tcs_1_1, tc, ts, ts_1, ts_1_1, t, text, arrayNameMatch, arrayMatchResult, arrayName, array, loopArray_1, loopArray_1_1, item, newTr, ts, rowData, ts_2, ts_2_1, t, _a, _b, cNvPr, e_1_1, e_2_1;
+        var e_3, _c, e_4, _d, e_2, _e, e_5, _f, e_1, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
+                case 0:
+                    evalVar = word.renderOptions.evalVar;
+                    data = word.renderOptions.data;
+                    table = tr.parentNode;
+                    tcs = tr.getElementsByTagName('w:tc');
+                    hasLoop = false;
+                    loopArray = [];
+                    try {
+                        // 查找对应的循环
+                        for (tcs_1 = __values(tcs), tcs_1_1 = tcs_1.next(); !tcs_1_1.done; tcs_1_1 = tcs_1.next()) {
+                            tc = tcs_1_1.value;
+                            ts = tc.getElementsByTagName('w:t');
+                            try {
+                                for (ts_1 = (e_4 = void 0, __values(ts)), ts_1_1 = ts_1.next(); !ts_1_1.done; ts_1_1 = ts_1.next()) {
+                                    t = ts_1_1.value;
+                                    text = t.textContent || '';
+                                    if (text.startsWith('{{#')) {
+                                        arrayNameMatch = /{{#([^\}]+)}}/;
+                                        arrayMatchResult = arrayNameMatch.exec(text);
+                                        if (arrayMatchResult && arrayMatchResult.length > 0) {
+                                            hasLoop = true;
+                                            arrayName = arrayMatchResult[1];
+                                            array = evalVar(arrayName, data);
+                                            if (Array.isArray(array)) {
+                                                loopArray = array;
+                                            }
+                                            // 去掉这个循环变量
+                                            t.textContent = t.textContent.replace("{{#".concat(arrayName, "}}"), '');
+                                        }
+                                    }
+                                    if (text.indexOf('{{/}}') !== -1) {
+                                        // 去掉结束变量
+                                        t.textContent = t.textContent.replace('{{/}}', '');
+                                    }
+                                }
+                            }
+                            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                            finally {
+                                try {
+                                    if (ts_1_1 && !ts_1_1.done && (_d = ts_1.return)) _d.call(ts_1);
+                                }
+                                finally { if (e_4) throw e_4.error; }
                             }
-                            // 去掉这个循环变量
-                            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_3_1) { e_3 = { error: e_3_1 }; }
+                    finally {
+                        try {
+                            if (tcs_1_1 && !tcs_1_1.done && (_c = tcs_1.return)) _c.call(tcs_1);
+                        }
+                        finally { if (e_3) throw e_3.error; }
                     }
-                }
-                catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                finally {
+                    if (!hasLoop) return [3 /*break*/, 16];
+                    _h.label = 1;
+                case 1:
+                    _h.trys.push([1, 13, 14, 15]);
+                    loopArray_1 = __values(loopArray), loopArray_1_1 = loopArray_1.next();
+                    _h.label = 2;
+                case 2:
+                    if (!!loopArray_1_1.done) return [3 /*break*/, 12];
+                    item = loopArray_1_1.value;
+                    newTr = cloneTr(tr);
+                    ts = newTr.getElementsByTagName('w:t');
+                    rowData = createObject(data, item);
                     try {
-                        if (ts_2_1 && !ts_2_1.done && (_d = ts_2.return)) _d.call(ts_2);
+                        for (ts_2 = (e_5 = void 0, __values(ts)), ts_2_1 = ts_2.next(); !ts_2_1.done; ts_2_1 = ts_2.next()) {
+                            t = ts_2_1.value;
+                            replaceT(word, t, rowData);
+                        }
                     }
-                    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 (ts_2_1 && !ts_2_1.done && (_f = ts_2.return)) _f.call(ts_2);
+                        }
+                        finally { if (e_5) throw e_5.error; }
                     }
-                }
-                catch (e_5_1) { e_5 = { error: e_5_1 }; }
-                finally {
+                    _h.label = 3;
+                case 3:
+                    _h.trys.push([3, 8, 9, 10]);
+                    _a = (e_1 = void 0, __values(newTr.getElementsByTagName('pic:cNvPr'))), _b = _a.next();
+                    _h.label = 4;
+                case 4:
+                    if (!!_b.done) return [3 /*break*/, 7];
+                    cNvPr = _b.value;
+                    return [4 /*yield*/, replaceAlt(word, cNvPr, rowData, replaceImage)];
+                case 5:
+                    _h.sent();
+                    _h.label = 6;
+                case 6:
+                    _b = _a.next();
+                    return [3 /*break*/, 4];
+                case 7: return [3 /*break*/, 10];
+                case 8:
+                    e_1_1 = _h.sent();
+                    e_1 = { error: e_1_1 };
+                    return [3 /*break*/, 10];
+                case 9:
                     try {
-                        if (_g && !_g.done && (_e = _f.return)) _e.call(_f);
+                        if (_b && !_b.done && (_g = _a.return)) _g.call(_a);
                     }
-                    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_1) throw e_1.error; }
+                    return [7 /*endfinally*/];
+                case 10:
+                    table.insertBefore(newTr, tr);
+                    _h.label = 11;
+                case 11:
+                    loopArray_1_1 = loopArray_1.next();
+                    return [3 /*break*/, 2];
+                case 12: return [3 /*break*/, 15];
+                case 13:
+                    e_2_1 = _h.sent();
+                    e_2 = { error: e_2_1 };
+                    return [3 /*break*/, 15];
+                case 14:
+                    try {
+                        if (loopArray_1_1 && !loopArray_1_1.done && (_e = loopArray_1.return)) _e.call(loopArray_1);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                    return [7 /*endfinally*/];
+                case 15:
+                    // 删除原来的行
+                    table.removeChild(tr);
+                    _h.label = 16;
+                case 16: return [2 /*return*/];
             }
-            finally { if (e_3) throw e_3.error; }
-        }
-        // 删除原来的行
-        table.removeChild(tr);
-    }
+        });
+    });
 }
 /**
  * 克隆行，并进行一些清理
@@ -191,25 +269,110 @@ function removeAllAttr(node) {
 /**
  * 替换表格，目前只支持行
  */
-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 replaceTable(word, documentData, replaceImage) {
+    if (replaceImage === void 0) { replaceImage = false; }
+    return __awaiter(this, void 0, void 0, function () {
+        var trs, trs_1, trs_1_1, tr, e_8_1;
+        var e_8, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    trs = [].slice.call(documentData.getElementsByTagName('w:tr'));
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 6, 7, 8]);
+                    trs_1 = __values(trs), trs_1_1 = trs_1.next();
+                    _b.label = 2;
+                case 2:
+                    if (!!trs_1_1.done) return [3 /*break*/, 5];
+                    tr = trs_1_1.value;
+                    return [4 /*yield*/, replaceTableRow(word, tr, replaceImage)];
+                case 3:
+                    _b.sent();
+                    _b.label = 4;
+                case 4:
+                    trs_1_1 = trs_1.next();
+                    return [3 /*break*/, 2];
+                case 5: return [3 /*break*/, 8];
+                case 6:
+                    e_8_1 = _b.sent();
+                    e_8 = { error: e_8_1 };
+                    return [3 /*break*/, 8];
+                case 7:
+                    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; }
+                    return [7 /*endfinally*/];
+                case 8: return [2 /*return*/];
+            }
+        });
+    });
 }
-function replaceVar(word, documentData) {
-    replaceTable(word, documentData);
+/**
+ * 替换单个图片，必须是不在表格里的
+ * @param word
+ * @param documentData
+ */
+function replaceSingleImage(word, documentData) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a, _b, cNvPr, e_9_1;
+        var e_9, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    _d.trys.push([0, 5, 6, 7]);
+                    _a = __values(documentData.getElementsByTagName('pic:cNvPr')), _b = _a.next();
+                    _d.label = 1;
+                case 1:
+                    if (!!_b.done) return [3 /*break*/, 4];
+                    cNvPr = _b.value;
+                    return [4 /*yield*/, replaceAlt(word, cNvPr, word.renderOptions.data, true)];
+                case 2:
+                    _d.sent();
+                    _d.label = 3;
+                case 3:
+                    _b = _a.next();
+                    return [3 /*break*/, 1];
+                case 4: return [3 /*break*/, 7];
+                case 5:
+                    e_9_1 = _d.sent();
+                    e_9 = { error: e_9_1 };
+                    return [3 /*break*/, 7];
+                case 6:
+                    try {
+                        if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                    }
+                    finally { if (e_9) throw e_9.error; }
+                    return [7 /*endfinally*/];
+                case 7: return [2 /*return*/];
+            }
+        });
+    });
+}
+/**
+ * 变量替换主入口
+ * @param word
+ * @param documentData
+ * @param replaceImage 是否替换掉图片，只有下载时才替换，避免性能问题
+ */
+function replaceVar(word, documentData, replaceImage) {
+    if (replaceImage === void 0) { replaceImage = false; }
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, replaceTable(word, documentData, replaceImage)];
+                case 1:
+                    _a.sent();
+                    if (!replaceImage) return [3 /*break*/, 3];
+                    return [4 /*yield*/, replaceSingleImage(word, documentData)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
 }
 
 export { replaceT, replaceVar };

package/lib/Word.d.ts

@@ -209,6 +209,7 @@ export default class Word {
      * 当前渲染的段，因为很多渲染需要，所以为了避免大量传参，这里直接挂在这里
      */
     currentSection: Section;
+    DOCUMENT_RELS: string;
     /**
      * 初始化一些公共资源，比如
      */
@@ -263,6 +264,13 @@ export default class Word {
      * 加载图片
      */
     loadImage(relation: Relationship): string | null;
+    /**
+     * 保存新图片，这个方法主要用于图片变量，需要生成新的 relation
+     * @param newRelId 关系 id
+     * @param blob 文件数据
+     * @param ext 扩展名
+     */
+    saveNewImage(newRelId: string, data: Uint8Array): void;
     loadFont(rId: string, key: string): string | null;
     /**
      * 解析 html
@@ -310,7 +318,7 @@ export default class Word {
     /**
      * 下载生成的文档，会对 word/document.xml 进行处理，替换文本
      */
-    download(fileName?: string): void;
+    download(fileName?: string): Promise<void>;
     /**
      * 打印功能
      */

package/lib/Word.js

@@ -27,6 +27,7 @@ var renderNotes = require('./render/renderNotes.js');
 var print = require('./util/print.js');
 var Settings = require('./openxml/Settings.js');
 var get = require('./util/get.js');
+var fileType = require('./util/fileType.js');
 
 var defaultRenderOptions = {
     classPrefix: 'docx-viewer',
@@ -82,6 +83,7 @@ var Word = /** @class */ (function () {
          * 分页标记，如果为 true，那么在渲染的时候会强制分页
          */
         this.breakPage = false;
+        this.DOCUMENT_RELS = '/word/_rels/document.xml.rels';
         parser.load(docFile);
         this.id = Word.globalId++;
         this.parser = parser;
@@ -205,8 +207,8 @@ var Word = /** @class */ (function () {
         }
         this.relationships = rels;
         var documentRels = {};
-        if (this.parser.fileExists('/word/_rels/document.xml.rels')) {
-            documentRels = parseRelationship.parseRelationships(this.parser.getXML('/word/_rels/document.xml.rels'), 'word');
+        if (this.parser.fileExists(this.DOCUMENT_RELS)) {
+            documentRels = parseRelationship.parseRelationships(this.parser.getXML(this.DOCUMENT_RELS), 'word');
         }
         this.documentRels = documentRels;
         var fontTableRels = {};
@@ -304,7 +306,7 @@ var Word = /** @class */ (function () {
         }
         var data = this.renderOptions.data;
         if (text.indexOf('{{') !== -1) {
-            text = text.replace(/{{([^}]+)}}/g, function (all, group) {
+            text = text.replace(/{{([^{}]+)}}/g, function (all, group) {
                 var result = _this.renderOptions.evalVar(group, data);
                 if (typeof result === 'undefined') {
                     return '';
@@ -335,6 +337,37 @@ var Word = /** @class */ (function () {
         }
         return null;
     };
+    /**
+     * 保存新图片，这个方法主要用于图片变量，需要生成新的 relation
+     * @param newRelId 关系 id
+     * @param blob 文件数据
+     * @param ext 扩展名
+     */
+    Word.prototype.saveNewImage = function (newRelId, data) {
+        if (this.parser.fileExists(this.DOCUMENT_RELS)) {
+            var documentRels = this.parser.getXML(this.DOCUMENT_RELS);
+            // 基于一个克隆更稳妥
+            var newRelation = documentRels
+                .getElementsByTagName('Relationship')
+                .item(0)
+                .cloneNode(true);
+            newRelation.setAttributeNS(null, 'Id', newRelId);
+            newRelation.setAttributeNS(null, 'Type', 'http://schemas.openxmlformats.org/officeDocument/2006/relationships/image');
+            var ext = '';
+            var fileType$1 = fileType.fileTypeFromBuffer(data);
+            if (fileType$1) {
+                ext = '.' + fileType$1.ext;
+            }
+            var imagePath = 'media/image' + newRelId + ext;
+            newRelation.setAttributeNS(null, 'Target', imagePath);
+            documentRels
+                .getElementsByTagName('Relationships')[0]
+                .appendChild(newRelation);
+            // 需要使用相对路径
+            this.parser.saveFile(this.DOCUMENT_RELS.replace(/^\//, ''), xml.buildXML(documentRels));
+            this.parser.saveFile('word/' + imagePath, data);
+        }
+    };
     Word.prototype.loadFont = function (rId, key) {
         var relation = this.getFontTableRels(rId);
         if (!relation) {
@@ -462,18 +495,29 @@ var Word = /** @class */ (function () {
      */
     Word.prototype.download = function (fileName) {
         if (fileName === void 0) { fileName = 'document.docx'; }
-        var documentData = this.getXML('word/document.xml');
-        if (this.renderOptions.enableVar) {
-            mergeRun.mergeRun(this, documentData);
-            replaceVar.replaceVar(this, documentData);
-            // 对文本进行替换
-            var ts = documentData.getElementsByTagName('w:t');
-            for (var i = 0; i < ts.length; i++) {
-                replaceVar.replaceT(this, ts[i], this.renderOptions.data);
-            }
-        }
-        var blob$1 = this.parser.generateZip(xml.buildXML(documentData));
-        blob.downloadBlob(blob$1, fileName);
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var documentData, ts, i, blob$1;
+            return tslib.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        documentData = this.getXML('word/document.xml');
+                        if (!this.renderOptions.enableVar) return [3 /*break*/, 2];
+                        mergeRun.mergeRun(this, documentData);
+                        return [4 /*yield*/, replaceVar.replaceVar(this, documentData, true)];
+                    case 1:
+                        _a.sent();
+                        ts = documentData.getElementsByTagName('w:t');
+                        for (i = 0; i < ts.length; i++) {
+                            replaceVar.replaceT(this, ts[i], this.renderOptions.data);
+                        }
+                        _a.label = 2;
+                    case 2:
+                        blob$1 = this.parser.generateZip(xml.buildXML(documentData));
+                        blob.downloadBlob(blob$1, fileName);
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
     /**
      * 打印功能
@@ -518,34 +562,39 @@ var Word = /** @class */ (function () {
         return tslib.__awaiter(this, void 0, void 0, function () {
             var renderOptions, isDebug, documentData, document, documentElement;
             return tslib.__generator(this, function (_a) {
-                this.init();
-                this.currentPage = 0;
-                renderOptions = tslib.__assign(tslib.__assign({}, this.renderOptions), renderOptionsOverride);
-                isDebug = renderOptions.debug;
-                isDebug && console.log('init', this);
-                this.rootElement = root;
-                root.innerHTML = '';
-                documentData = this.getXML('word/document.xml');
-                isDebug && console.log('documentData', documentData);
-                if (renderOptions.enableVar) {
-                    mergeRun.mergeRun(this, documentData);
-                    replaceVar.replaceVar(this, documentData);
-                    // 这里不进行变量替换，方便后续进行局部替换来更新变量
-                }
-                document = WDocument.WDocument.fromXML(this, documentData);
-                isDebug && console.log('document', document);
-                documentElement = renderDocument["default"](root, this, document, renderOptions);
-                root.classList.add(this.getClassPrefix());
-                if (renderOptions.page && renderOptions.pageWrap) {
-                    root.classList.add(this.wrapClassName);
-                    root.style.padding = "".concat(renderOptions.pageWrapPadding || 0, "pt");
-                    root.style.background = renderOptions.pageWrapBackground || '#ECECEC';
+                switch (_a.label) {
+                    case 0:
+                        this.init();
+                        this.currentPage = 0;
+                        renderOptions = tslib.__assign(tslib.__assign({}, this.renderOptions), renderOptionsOverride);
+                        isDebug = renderOptions.debug;
+                        isDebug && console.log('init', this);
+                        this.rootElement = root;
+                        root.innerHTML = '';
+                        documentData = this.getXML('word/document.xml');
+                        isDebug && console.log('documentData', documentData);
+                        if (!renderOptions.enableVar) return [3 /*break*/, 2];
+                        mergeRun.mergeRun(this, documentData);
+                        return [4 /*yield*/, replaceVar.replaceVar(this, documentData)];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        document = WDocument.WDocument.fromXML(this, documentData);
+                        isDebug && console.log('document', document);
+                        documentElement = renderDocument["default"](root, this, document, renderOptions);
+                        root.classList.add(this.getClassPrefix());
+                        if (renderOptions.page && renderOptions.pageWrap) {
+                            root.classList.add(this.wrapClassName);
+                            root.style.padding = "".concat(renderOptions.pageWrapPadding || 0, "pt");
+                            root.style.background = renderOptions.pageWrapBackground || '#ECECEC';
+                        }
+                        dom.appendChild(root, renderStyle.renderStyle(this));
+                        dom.appendChild(root, renderFont.renderFont(this.fontTable));
+                        dom.appendChild(root, documentElement);
+                        dom.appendChild(root, renderNotes.renderNotes(this));
+                        return [2 /*return*/];
                 }
-                dom.appendChild(root, renderStyle.renderStyle(this));
-                dom.appendChild(root, renderFont.renderFont(this.fontTable));
-                dom.appendChild(root, documentElement);
-                dom.appendChild(root, renderNotes.renderNotes(this));
-                return [2 /*return*/];
             });
         });
     };

package/lib/package/PackageParser.d.ts

@@ -13,6 +13,10 @@ export interface PackageParser {
      * 根据类型读取文件
      */
     getFileByType(filePath: string, type: 'string' | 'blob' | 'uint8array'): string | Blob | Uint8Array | null;
+    /**
+     * 写入文件，主要用于图片
+     */
+    saveFile(filePath: string, content: Uint8Array | string): void;
     /**
      * 文件是否存在
      */