office-viewer 0.1.3 → 0.1.5

package/esm/render/renderTab.js

@@ -5,12 +5,18 @@ import { createElement } from '../util/dom.js';
  * 不支持 tabs 里的自定义宽度，因为要算渲染后的宽度，比较麻烦
  * http://officeopenxml.com/WPtab.php
  */
-function renderTab(word, tab) {
+function renderTab(word, tab, renderWidth) {
+    if (renderWidth === void 0) { renderWidth = false; }
     var tabElement = createElement('span');
+    tabElement.style.display = 'inline-block';
+    tabElement.style.width = '2em';
     tabElement.innerHTML = ' ';
     if (tab.leader === 'dot') {
         tabElement.style.borderBottom = '1pt dotted';
     }
+    if (renderWidth && tab.pos && (tab.type === 'start' || tab.type == 'left')) {
+        tabElement.style.width = tab.pos;
+    }
     return tabElement;
 }
 

package/esm/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/esm/util/get.js

@@ -0,0 +1,18 @@
+/**
+ * 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;
+};
+
+export { get };

package/esm/util/mergeRun.js

@@ -35,7 +35,13 @@ function canMerge(element) {
             if (childChild.tagName === 'w:t') {
                 hasText = true;
                 textHasSpace = childChild.getAttribute('xml:space') === 'preserve';
-                break;
+                if (textHasSpace) {
+                    break;
+                }
+            }
+            // 有 tab 的情况下不能合并
+            if (childChild.tagName === 'w:tab') {
+                return false;
             }
         }
     }

package/esm/util/replaceVar.js

@@ -24,6 +24,7 @@ function replaceText(word, text, data) {
             return String(result);
         }
         else {
+            console.warn('var error: [', text, '] not found in data');
             return '';
         }
     }
@@ -125,7 +126,7 @@ function replaceTableRow(word, tr) {
                     }
                     finally { if (e_5) throw e_5.error; }
                 }
-                table.appendChild(newTr);
+                table.insertBefore(newTr, tr);
             }
         }
         catch (e_3_1) { e_3 = { error: e_3_1 }; }

package/lib/Word.js

@@ -26,6 +26,7 @@ var parseEndnotes = require('./parse/parseEndnotes.js');
 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 defaultRenderOptions = {
     classPrefix: 'docx-viewer',
@@ -47,8 +48,8 @@ var defaultRenderOptions = {
     renderHeader: true,
     renderFooter: true,
     data: {},
-    evalVar: function (t) {
-        return t;
+    evalVar: function (path, data) {
+        return get.get(data, path);
     }
 };
 var Word = /** @class */ (function () {
@@ -297,17 +298,19 @@ var Word = /** @class */ (function () {
      * 进行单个文本替换
      */
     Word.prototype.replaceText = function (text) {
+        var _this = this;
         if (this.renderOptions.enableVar === false) {
             return text;
         }
         var data = this.renderOptions.data;
         if (text.indexOf('{{') !== -1) {
-            text = text.replace(/^{{/g, '').replace(/}}$/g, '');
-            var result = this.renderOptions.evalVar(text, data);
-            if (typeof result === 'undefined') {
-                return '';
-            }
-            return String(result);
+            text = text.replace(/{{([^}]+)}}/g, function (all, group) {
+                var result = _this.renderOptions.evalVar(group, data);
+                if (typeof result === 'undefined') {
+                    return '';
+                }
+                return String(result);
+            });
         }
         return text;
     };
@@ -420,18 +423,21 @@ var Word = /** @class */ (function () {
      * 获取主题色
      */
     Word.prototype.getThemeColor = function (name) {
-        var _a, _b, _c;
+        var _a, _b;
         if (this.settings.clrSchemeMapping) {
             name = this.settings.clrSchemeMapping[name] || name;
         }
         if (this.themes && this.themes.length > 0) {
             var theme = this.themes[0];
-            var color = (_c = (_b = (_a = theme.themeElements) === null || _a === void 0 ? void 0 : _a.clrScheme) === null || _b === void 0 ? void 0 : _b.colors) === null || _c === void 0 ? void 0 : _c[name];
+            var colors = (_b = (_a = theme.themeElements) === null || _a === void 0 ? void 0 : _a.clrScheme) === null || _b === void 0 ? void 0 : _b.colors;
+            var color = colors === null || colors === void 0 ? void 0 : colors[name];
             if (color) {
                 return color;
             }
             else {
+                // 找不到可能是从其它地方拷贝过来的，这时取 accent1
                 console.warn('unknown theme color: ' + name);
+                return (colors === null || colors === void 0 ? void 0 : colors['accent1']) || '';
             }
         }
         return '';

package/lib/openxml/drawing/Drawing.d.ts

@@ -5,6 +5,7 @@ import { CSSStyle } from './../Style';
 import Word from '../../Word';
 import { Pic } from './Pic';
 import { WPS } from '../word/wps/WPS';
+import { WPG } from '../word/wps/WPG';
 /**
  * drawing 在文档中的位置，目前有两种情况，child 和 anchor
  */
@@ -24,6 +25,7 @@ export interface Anchor {
 export declare class Drawing {
     pic?: Pic;
     wps?: WPS;
+    wpg?: WPG;
     diagram?: ConstrainDOMStringParameters;
     position: Position;
     anchor?: Anchor;

package/lib/openxml/drawing/Drawing.js

@@ -8,6 +8,7 @@ var OpenXML = require('../../OpenXML.js');
 var Pic = require('./Pic.js');
 var WPS = require('../word/wps/WPS.js');
 var Diagram = require('./diagram/Diagram.js');
+var WPG = require('../word/wps/WPG.js');
 
 /**
  * 目前图片和 textbox 都会依赖这个
@@ -127,6 +128,9 @@ var Drawing = /** @class */ (function () {
                                     case 'wps:wsp':
                                         drawing.wps = WPS.WPS.fromXML(word, graphicDataChild);
                                         break;
+                                    case 'wpg:wgp':
+                                        drawing.wpg = WPG.WPG.fromXML(word, graphicDataChild);
+                                        break;
                                     case 'dgm:relIds':
                                         // 这个是 diagram 的关系
                                         // http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/relIds.html

package/lib/openxml/drawing/Transform.d.ts

@@ -13,6 +13,8 @@ export interface Ext {
 export declare class Transform {
     off?: Off;
     ext?: Ext;
+    chOff?: Off;
+    chExt?: Ext;
     rot?: number;
     static fromXML(word: Word, element: Element): Transform;
 }

package/lib/openxml/drawing/Transform.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var parseSize = require('../../parse/parseSize.js');
 
 /**
@@ -11,20 +12,48 @@ var Transform = /** @class */ (function () {
     function Transform() {
     }
     Transform.fromXML = function (word, element) {
+        var e_1, _a;
         var transform = new Transform();
-        var off = element.getElementsByTagName('a:off').item(0);
-        if (off) {
-            transform.off = {
-                x: parseSize.parseSize(off, 'x', parseSize.LengthUsage.Emu),
-                y: parseSize.parseSize(off, 'y', parseSize.LengthUsage.Emu)
-            };
+        try {
+            for (var _b = tslib.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var child = _c.value;
+                var tagName = child.tagName;
+                switch (tagName) {
+                    case 'a:off':
+                        transform.off = {
+                            x: parseSize.parseSize(child, 'x', parseSize.LengthUsage.Emu),
+                            y: parseSize.parseSize(child, 'y', parseSize.LengthUsage.Emu)
+                        };
+                        break;
+                    case 'a:ext':
+                        transform.ext = {
+                            cx: parseSize.parseSize(child, 'cx', parseSize.LengthUsage.Emu),
+                            cy: parseSize.parseSize(child, 'cy', parseSize.LengthUsage.Emu)
+                        };
+                        break;
+                    case 'a:chOff':
+                        transform.chOff = {
+                            x: parseSize.parseSize(child, 'x', parseSize.LengthUsage.Emu),
+                            y: parseSize.parseSize(child, 'y', parseSize.LengthUsage.Emu)
+                        };
+                        break;
+                    case 'a:chExt':
+                        transform.chExt = {
+                            cx: parseSize.parseSize(child, 'cx', parseSize.LengthUsage.Emu),
+                            cy: parseSize.parseSize(child, 'cy', parseSize.LengthUsage.Emu)
+                        };
+                        break;
+                    default:
+                        console.warn('Transform: Unknown tag ', tagName, child);
+                }
+            }
         }
-        var ext = element.getElementsByTagName('a:ext').item(0);
-        if (ext) {
-            transform.ext = {
-                cx: parseSize.parseSize(ext, 'cx', parseSize.LengthUsage.Emu),
-                cy: parseSize.parseSize(ext, 'cy', parseSize.LengthUsage.Emu)
-            };
+        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; }
         }
         var rot = element.getAttribute('rot');
         if (rot) {

package/lib/openxml/word/Tab.d.ts

@@ -1,7 +1,7 @@
 import Word from '../../Word';
 import { ST_TabJc, ST_TabTlc } from '../Types';
 export declare class Tab {
-    type: ST_TabJc;
+    type: ST_TabJc | 'left';
     pos: string;
     leader?: ST_TabTlc;
     static fromXML(word: Word, element: Element): Tab;

package/lib/openxml/word/wps/WPG.d.ts

@@ -1,5 +1,14 @@
 /**
- * 图形组，目前还不不支持
+ * 图形组，目前是当成 wps 用了
  */
+import { WPS } from './WPS';
+import Word from '../../../Word';
+import { ShapePr } from '../../drawing/ShapeProperties';
+import { Pic } from '../../drawing/Pic';
 export declare class WPG {
+    wps: WPS[];
+    wpg: WPG[];
+    spPr?: ShapePr;
+    pic?: Pic;
+    static fromXML(word: Word, element: Element): WPG;
 }

package/lib/openxml/word/wps/WPG.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var WPS = require('./WPS.js');
+var ShapeProperties = require('../../drawing/ShapeProperties.js');
+var Pic = require('../../drawing/Pic.js');
+
+/**
+ * 图形组，目前是当成 wps 用了
+ */
+var WPG = /** @class */ (function () {
+    function WPG() {
+    }
+    WPG.fromXML = function (word, element) {
+        var e_1, _a;
+        var wpg = new WPG();
+        var wps = [];
+        wpg.wps = wps;
+        wpg.wpg = [];
+        try {
+            for (var _b = tslib.__values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var child = _c.value;
+                var tagName = child.tagName;
+                switch (tagName) {
+                    case 'wpg:cNvGrpSpPr':
+                        // 和展现无关
+                        break;
+                    case 'wpg:grpSpPr':
+                        wpg.spPr = ShapeProperties.ShapePr.fromXML(word, child);
+                        break;
+                    case 'wps:wsp':
+                        wps.push(WPS.WPS.fromXML(word, child));
+                        break;
+                    case 'pic:pic':
+                        wpg.pic = Pic.Pic.fromXML(word, child);
+                        break;
+                    case 'wpg:grpSp':
+                        // 组合中的组合
+                        wpg.wpg.push(WPG.fromXML(word, child));
+                        break;
+                    default:
+                        console.warn('WPS: Unknown tag ', tagName, child);
+                }
+            }
+        }
+        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; }
+        }
+        return wpg;
+    };
+    return WPG;
+}());
+
+exports.WPG = WPG;

package/lib/openxml/word/wps/WPS.js

@@ -88,6 +88,7 @@ var WPS = /** @class */ (function () {
                 var tagName = child.tagName;
                 switch (tagName) {
                     case 'wps:cNvSpPr':
+                    case 'wps:cNvPr':
                         // 和展现无关
                         break;
                     case 'wps:spPr':

package/lib/render/renderDrawing.js

@@ -14,8 +14,9 @@ var renderCustGeom = require('./renderCustGeom.js');
 /**
  * 渲染图片
  */
-function renderPic(pic, word, drawing) {
-    var _a, _b;
+function renderPic(pic, word, wpg) {
+    var _a, _b, _c;
+    if (wpg === void 0) { wpg = null; }
     var blip = (_a = pic.blipFill) === null || _a === void 0 ? void 0 : _a.blip;
     if (blip && blip.src) {
         var img = document.createElement('img');
@@ -35,15 +36,27 @@ function renderPic(pic, word, drawing) {
         }
         var xfrm = (_b = pic.spPr) === null || _b === void 0 ? void 0 : _b.xfrm;
         if (xfrm) {
-            var off = xfrm.off;
-            if (off) {
-                img.style.left = off.x;
-                img.style.top = off.y;
+            if (wpg) {
+                var rect = getRectInGroup(xfrm, (_c = wpg.spPr) === null || _c === void 0 ? void 0 : _c.xfrm);
+                if (rect) {
+                    img.style.position = 'absolute';
+                    img.style.left = rect.left + 'px';
+                    img.style.top = rect.top + 'px';
+                    img.style.width = rect.width + 'px';
+                    img.style.height = rect.height + 'px';
+                }
             }
-            var ext = xfrm.ext;
-            if (ext) {
-                img.style.width = ext.cx;
-                img.style.height = ext.cy;
+            else {
+                var off = xfrm.off;
+                if (off) {
+                    img.style.left = off.x;
+                    img.style.top = off.y;
+                }
+                var ext = xfrm.ext;
+                if (ext) {
+                    img.style.width = ext.cx;
+                    img.style.height = ext.cy;
+                }
             }
             if (xfrm.rot) {
                 img.style.transform = "rotate(".concat(xfrm.rot, "deg)");
@@ -53,6 +66,162 @@ function renderPic(pic, word, drawing) {
     }
     return null;
 }
+/**
+ * 获取在 group 中的位置
+ * @param xfrm 元素的位置定义
+ *  @param groupXfrm 分组中的位置定义
+ */
+function getRectInGroup(xfrm, groupXfrm) {
+    var off = xfrm.off;
+    var width = parseFloat(xfrm.ext.cx.replace('px', ''));
+    var height = parseFloat(xfrm.ext.cy.replace('px', ''));
+    if (off && groupXfrm.chOff && groupXfrm.ext && groupXfrm.chExt) {
+        // 先算缩放比
+        var scaleX = parseFloat(groupXfrm.ext.cx.replace('px', '')) /
+            parseFloat(groupXfrm.chExt.cx.replace('px', ''));
+        var scaleY = parseFloat(groupXfrm.ext.cy.replace('px', '')) /
+            parseFloat(groupXfrm.chExt.cy.replace('px', ''));
+        var groupOffX = parseFloat(groupXfrm.chOff.x.replace('px', ''));
+        var groupOffY = parseFloat(groupXfrm.chOff.y.replace('px', ''));
+        var x = parseFloat(off.x.replace('px', ''));
+        var y = parseFloat(off.y.replace('px', ''));
+        return {
+            left: scaleX * (x - groupOffX),
+            top: scaleY * (y - groupOffY),
+            width: scaleX * width,
+            height: scaleY * height
+        };
+    }
+    return null;
+}
+/**
+ * 渲染文本框
+ */
+function renderWps(word, container, wps, wpg) {
+    var e_1, _a;
+    var _b;
+    if (wpg === void 0) { wpg = null; }
+    var wpsStyle = wps.wpsStyle;
+    var spPr = wps.spPr;
+    dom.applyStyle(container, wps.style);
+    if (wpsStyle === null || wpsStyle === void 0 ? void 0 : wpsStyle.fontColor) {
+        container.style.color = wpsStyle.fontColor;
+    }
+    if (spPr === null || spPr === void 0 ? void 0 : spPr.xfrm) {
+        var ext = spPr.xfrm.ext;
+        if (ext) {
+            var width = parseFloat(ext.cx.replace('px', ''));
+            var height = parseFloat(ext.cy.replace('px', ''));
+            // 在分组中的计算方式不一样，另外在分组中还需要绝对定位
+            // 这个计算方法在官方文档里没找到
+            if (wpg) {
+                container.style.position = 'absolute';
+                var rect = getRectInGroup(spPr.xfrm, (_b = wpg.spPr) === null || _b === void 0 ? void 0 : _b.xfrm);
+                if (rect) {
+                    container.style.left = rect.left + 'px';
+                    container.style.top = rect.top + 'px';
+                    width = rect.width;
+                    height = rect.height;
+                }
+            }
+            container.style.width = width + 'px';
+            container.style.height = height + 'px';
+            if (spPr.geom) {
+                dom.appendChild(container, renderGeom.renderGeom(spPr.geom, spPr, width, height, wps.wpsStyle));
+            }
+            if (spPr.custGeom) {
+                dom.appendChild(container, renderCustGeom.renderCustGeom(spPr.custGeom, spPr, width, height, wps.wpsStyle));
+            }
+        }
+        if (spPr.xfrm.rot) {
+            container.style.transform = "rotate(".concat(spPr.xfrm.rot, "deg)");
+        }
+    }
+    var txbxContent = wps.txbxContent;
+    if (txbxContent.length) {
+        // 为了实现垂直居中，将父容器改成 table 布局
+        var textContainer = document.createElement('div');
+        textContainer.dataset.name = 'textContainer';
+        container.style.display = 'table';
+        textContainer.style.display = 'table-cell';
+        textContainer.style.verticalAlign = 'middle';
+        if (wps.style && wps.style['vertical-align']) {
+            textContainer.style.verticalAlign = wps.style['vertical-align'];
+            // 容器的 vertical-align 需要去掉，虽然也不影响
+            container.style.verticalAlign = '';
+        }
+        dom.appendChild(container, textContainer);
+        try {
+            for (var txbxContent_1 = tslib.__values(txbxContent), txbxContent_1_1 = txbxContent_1.next(); !txbxContent_1_1.done; txbxContent_1_1 = txbxContent_1.next()) {
+                var txbxContentChild = txbxContent_1_1.value;
+                if (txbxContentChild instanceof Paragraph.Paragraph) {
+                    dom.appendChild(textContainer, renderParagraph["default"](word, txbxContentChild));
+                }
+                else if (txbxContentChild instanceof Table.Table) {
+                    dom.appendChild(textContainer, renderTable["default"](word, txbxContentChild));
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (txbxContent_1_1 && !txbxContent_1_1.done && (_a = txbxContent_1.return)) _a.call(txbxContent_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    }
+}
+function renderWpg(word, wpg) {
+    var e_2, _a, e_3, _b;
+    var _c, _d;
+    var container = document.createElement('div');
+    var wpgContainer = document.createElement('div');
+    var spPr = wpg.spPr;
+    if (spPr === null || spPr === void 0 ? void 0 : spPr.xfrm) {
+        var ext = (_c = spPr === null || spPr === void 0 ? void 0 : spPr.xfrm) === null || _c === void 0 ? void 0 : _c.ext;
+        if (ext) {
+            wpgContainer.style.width = ext.cx;
+            wpgContainer.style.height = ext.cy;
+        }
+        var rot = (_d = spPr === null || spPr === void 0 ? void 0 : spPr.xfrm) === null || _d === void 0 ? void 0 : _d.rot;
+        if (rot) {
+            wpgContainer.style.transform = "rotate(".concat(rot, "deg)");
+        }
+    }
+    try {
+        for (var _e = tslib.__values(wpg.wps), _f = _e.next(); !_f.done; _f = _e.next()) {
+            var wps = _f.value;
+            var wpsContainer = document.createElement('div');
+            renderWps(word, wpsContainer, wps, wpg);
+            dom.appendChild(wpgContainer, wpsContainer);
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    try {
+        for (var _g = tslib.__values(wpg.wpg), _h = _g.next(); !_h.done; _h = _g.next()) {
+            var childWpg = _h.value;
+            dom.appendChild(container, renderWpg(word, childWpg));
+        }
+    }
+    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+    finally {
+        try {
+            if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
+        }
+        finally { if (e_3) throw e_3.error; }
+    }
+    if (wpg.pic) {
+        dom.appendChild(wpgContainer, renderPic(wpg.pic, word, wpg));
+    }
+    dom.appendChild(container, wpgContainer);
+    return container;
+}
 /**
  * 渲染图片，目前只支持 picture
  * http://officeopenxml.com/drwOverview.php
@@ -60,7 +229,6 @@ function renderPic(pic, word, drawing) {
  *
  */
 function renderDrawing(word, drawing, inHeader) {
-    var e_1, _a;
     var container = document.createElement('div');
     if (drawing.position === 'inline') {
         container.style.display = 'inline-block';
@@ -76,66 +244,10 @@ function renderDrawing(word, drawing, inHeader) {
     container.dataset.id = drawing.id || '';
     container.dataset.name = drawing.name || '';
     if (drawing.wps) {
-        var wps = drawing.wps;
-        var wpsStyle = wps.wpsStyle;
-        var spPr = wps.spPr;
-        dom.applyStyle(container, wps.style);
-        if (wpsStyle === null || wpsStyle === void 0 ? void 0 : wpsStyle.fontColor) {
-            container.style.color = wpsStyle.fontColor;
-        }
-        if (spPr === null || spPr === void 0 ? void 0 : spPr.xfrm) {
-            var ext = spPr.xfrm.ext;
-            if (ext) {
-                container.style.width = ext.cx;
-                container.style.height = ext.cy;
-                if (spPr.geom) {
-                    var width = parseFloat(ext.cx.replace('px', ''));
-                    var height = parseFloat(ext.cy.replace('px', ''));
-                    dom.appendChild(container, renderGeom.renderGeom(spPr.geom, spPr, width, height, wps.wpsStyle));
-                }
-                if (spPr.custGeom) {
-                    var width = parseFloat(ext.cx.replace('px', ''));
-                    var height = parseFloat(ext.cy.replace('px', ''));
-                    dom.appendChild(container, renderCustGeom.renderCustGeom(spPr.custGeom, spPr, width, height, wps.wpsStyle));
-                }
-            }
-            if (spPr.xfrm.rot) {
-                container.style.transform = "rotate(".concat(spPr.xfrm.rot, "deg)");
-            }
-        }
-        var txbxContent = wps.txbxContent;
-        if (txbxContent.length) {
-            // 为了实现垂直居中，将父容器改成 table 布局
-            var textContainer = document.createElement('div');
-            textContainer.dataset.name = 'textContainer';
-            container.style.display = 'table';
-            textContainer.style.display = 'table-cell';
-            textContainer.style.verticalAlign = 'middle';
-            if (wps.style && wps.style['vertical-align']) {
-                textContainer.style.verticalAlign = wps.style['vertical-align'];
-                // 容器的 vertical-align 需要去掉，虽然也不影响
-                container.style.verticalAlign = '';
-            }
-            dom.appendChild(container, textContainer);
-            try {
-                for (var txbxContent_1 = tslib.__values(txbxContent), txbxContent_1_1 = txbxContent_1.next(); !txbxContent_1_1.done; txbxContent_1_1 = txbxContent_1.next()) {
-                    var txbxContentChild = txbxContent_1_1.value;
-                    if (txbxContentChild instanceof Paragraph.Paragraph) {
-                        dom.appendChild(textContainer, renderParagraph["default"](word, txbxContentChild));
-                    }
-                    else if (txbxContentChild instanceof Table.Table) {
-                        dom.appendChild(textContainer, renderTable["default"](word, txbxContentChild));
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (txbxContent_1_1 && !txbxContent_1_1.done && (_a = txbxContent_1.return)) _a.call(txbxContent_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        }
+        renderWps(word, container, drawing.wps);
+    }
+    if (drawing.wpg) {
+        dom.appendChild(container, renderWpg(word, drawing.wpg));
     }
     // 如果没内容就不渲染了，避免高度导致撑开父节点
     if (container.children.length === 0) {