office-viewer 0.1.0 → 0.1.3

package/esm/openxml/drawing/Blip.d.ts

@@ -0,0 +1,7 @@
+import { Relationship } from '../../parse/parseRelationship';
+import Word from '../../Word';
+export declare class Blip {
+    embled?: Relationship;
+    src?: string | null;
+    static fromXML(word: Word, element: Element): Blip;
+}

package/esm/openxml/{word/drawing → drawing}/Blip.js

@@ -5,9 +5,10 @@ var Blip = /** @class */ (function () {
         var blip = new Blip();
         // 目前值支持 embed 这一种
         var embedId = element.getAttribute('r:embed') || '';
-        var rel = word.getRelationship(embedId);
+        var rel = word.getDocumentRels(embedId);
         if (rel) {
             blip.embled = rel;
+            blip.src = word.loadImage(blip.embled);
         }
         return blip;
     };

package/{lib/openxml/word → esm/openxml}/drawing/BlipFill.d.ts

@@ -1,7 +1,7 @@
 /**
  * http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/blipFill_2.html
  */
-import Word from '../../../Word';
+import Word from '../../Word';
 import { Blip } from './Blip';
 export declare class BlipFill {
     blip?: Blip;

package/esm/openxml/{word/drawing → drawing}/BlipFill.js

@@ -8,7 +8,7 @@ var BlipFill = /** @class */ (function () {
     }
     BlipFill.fromXML = function (word, element) {
         var blipFill = new BlipFill();
-        var blip = element === null || element === void 0 ? void 0 : element.querySelector('blip');
+        var blip = element === null || element === void 0 ? void 0 : element.getElementsByTagName('a:blip').item(0);
         if (blip) {
             blipFill.blip = Blip.fromXML(word, blip);
         }

package/esm/openxml/drawing/CustomGeom.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 自定义形状
+ */
+import Word from '../../Word';
+import { Shape } from './Shape';
+export declare class CustomGeom {
+    shape: Shape;
+    static fromXML(word: Word, element: Element): CustomGeom;
+}

package/esm/openxml/drawing/CustomGeom.js

@@ -0,0 +1,17 @@
+import { parseShape } from '../../parse/parseShape.js';
+
+/**
+ * 自定义形状
+ */
+var CustomGeom = /** @class */ (function () {
+    function CustomGeom() {
+    }
+    CustomGeom.fromXML = function (word, element) {
+        var geom = new CustomGeom();
+        geom.shape = parseShape(element);
+        return geom;
+    };
+    return CustomGeom;
+}());
+
+export { CustomGeom };

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

@@ -0,0 +1,35 @@
+/**
+ * 目前图片和 textbox 都会依赖这个
+ */
+import { CSSStyle } from './../Style';
+import Word from '../../Word';
+import { Pic } from './Pic';
+import { WPS } from '../word/wps/WPS';
+/**
+ * drawing 在文档中的位置，目前有两种情况，child 和 anchor
+ */
+export declare enum Position {
+    inline = "inline",
+    anchor = "anchor"
+}
+/**
+ * 有大量属性不好通过 css 来实现
+ * http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/anchor_2.html
+ */
+export interface Anchor {
+    simplePos: boolean;
+    hidden?: boolean;
+    behindDoc?: boolean;
+}
+export declare class Drawing {
+    pic?: Pic;
+    wps?: WPS;
+    diagram?: ConstrainDOMStringParameters;
+    position: Position;
+    anchor?: Anchor;
+    containerStyle?: CSSStyle;
+    relativeFromV: 'paragraph' | 'page';
+    id?: string;
+    name?: string;
+    static fromXML(word: Word, element: Element): Drawing | null;
+}

package/esm/openxml/drawing/Drawing.js

@@ -0,0 +1,169 @@
+import { __values } from 'tslib';
+import { parseSize, LengthUsage, convertLength } from '../../parse/parseSize.js';
+import { getAttrNumber, getAttrBoolean } from '../../OpenXML.js';
+import { Pic } from './Pic.js';
+import { WPS } from '../word/wps/WPS.js';
+import { Diagram } from './diagram/Diagram.js';
+
+/**
+ * 目前图片和 textbox 都会依赖这个
+ */
+/**
+ * drawing 在文档中的位置，目前有两种情况，child 和 anchor
+ */
+var Position;
+(function (Position) {
+    Position["inline"] = "inline";
+    Position["anchor"] = "anchor";
+})(Position || (Position = {}));
+function parseAnchor(element) {
+    var simplePos = getAttrBoolean(element, 'simplePos', false);
+    var hidden = getAttrBoolean(element, 'hidden', false);
+    var behindDoc = getAttrBoolean(element, 'behindDoc', false);
+    return {
+        simplePos: simplePos,
+        hidden: hidden,
+        behindDoc: behindDoc
+    };
+}
+var Drawing = /** @class */ (function () {
+    function Drawing() {
+        // drawing 的位置配置
+        this.position = Position.inline;
+    }
+    Drawing.fromXML = function (word, element) {
+        var e_1, _a;
+        var _b;
+        var drawing = new Drawing();
+        var containerStyle = {};
+        drawing.containerStyle = containerStyle;
+        var position = element.firstElementChild;
+        if (position) {
+            if (position.tagName === 'wp:anchor') {
+                drawing.position = Position.anchor;
+                drawing.anchor = parseAnchor(position);
+                var relativeHeight = getAttrNumber(position, 'relativeHeight', 1);
+                containerStyle['z-index'] = relativeHeight;
+            }
+            try {
+                for (var _c = __values(position.children), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var child = _d.value;
+                    var tagName = child.tagName;
+                    switch (tagName) {
+                        case 'wp:simplePos':
+                            // 只有设置了 simplePos 才会生效
+                            // 据说 word 其实不支持这个属性，所以目前实现估计没啥用
+                            if ((_b = drawing.anchor) === null || _b === void 0 ? void 0 : _b.simplePos) {
+                                containerStyle['position'] = 'absolute';
+                                containerStyle['x'] = parseSize(child, 'x', LengthUsage.Emu);
+                                containerStyle['y'] = parseSize(child, 'y', LengthUsage.Emu);
+                            }
+                            break;
+                        case 'wp:positionH':
+                            var relativeFromH = child.getAttribute('relativeFrom');
+                            if (relativeFromH === 'column' ||
+                                relativeFromH === 'page' ||
+                                relativeFromH === 'margin') {
+                                var positionType = child.firstElementChild;
+                                if (positionType) {
+                                    var positionTypeTagName = positionType.tagName;
+                                    containerStyle['position'] = 'absolute';
+                                    if (positionTypeTagName === 'wp:posOffset') {
+                                        containerStyle['left'] = convertLength(positionType.innerHTML, LengthUsage.Emu);
+                                    }
+                                    else {
+                                        containerStyle['left'] = '0';
+                                        console.warn('unsupport positionType', positionTypeTagName);
+                                    }
+                                }
+                            }
+                            else {
+                                console.warn('unsupport positionH relativeFrom', relativeFromH);
+                            }
+                            break;
+                        case 'wp:positionV':
+                            var relativeFromV = child.getAttribute('relativeFrom');
+                            if (relativeFromV === 'paragraph' || relativeFromV === 'page') {
+                                drawing.relativeFromV = relativeFromV;
+                                var positionType = child.firstElementChild;
+                                if (positionType) {
+                                    var positionTypeTagName = positionType.tagName;
+                                    containerStyle['position'] = 'absolute';
+                                    if (positionTypeTagName === 'wp:posOffset') {
+                                        containerStyle['top'] = convertLength(positionType.innerHTML, LengthUsage.Emu);
+                                    }
+                                    else {
+                                        containerStyle['top'] = '0';
+                                        console.warn('unsupport positionType', positionTypeTagName);
+                                    }
+                                }
+                            }
+                            else {
+                                console.warn('unsupport positionV relativeFrom', relativeFromV);
+                            }
+                            break;
+                        case 'wp:docPr':
+                            drawing.id = child.getAttribute('id') || undefined;
+                            drawing.name = child.getAttribute('name') || undefined;
+                            break;
+                        case 'wp:cNvGraphicFramePr':
+                            // 和展现无关
+                            // http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/docPr.html
+                            // http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/cNvGraphicFramePr_1.html
+                            break;
+                        case 'a:graphic':
+                            var graphicData = child.firstElementChild;
+                            var graphicDataChild = graphicData === null || graphicData === void 0 ? void 0 : graphicData.firstElementChild;
+                            if (graphicDataChild) {
+                                var graphicDataChildTagName = graphicDataChild.tagName;
+                                switch (graphicDataChildTagName) {
+                                    case 'pic:pic':
+                                        drawing.pic = Pic.fromXML(word, graphicDataChild);
+                                        break;
+                                    case 'wps:wsp':
+                                        drawing.wps = WPS.fromXML(word, graphicDataChild);
+                                        break;
+                                    case 'dgm:relIds':
+                                        // 这个是 diagram 的关系
+                                        // http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/relIds.html
+                                        drawing.diagram = Diagram.fromXML(word, graphicDataChild);
+                                        break;
+                                    default:
+                                        console.warn('unknown graphicData child tag', graphicDataChild);
+                                }
+                            }
+                            break;
+                        case 'wp:extent':
+                            containerStyle['width'] = parseSize(child, 'cx', LengthUsage.Emu);
+                            containerStyle['height'] = parseSize(child, 'cy', LengthUsage.Emu);
+                            break;
+                        case 'wp:effectExtent':
+                            // 目前也不支持特效
+                            break;
+                        case 'wp:wrapNone':
+                            // TODO: 还不知道如何处理
+                            // http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/wrapNone.html
+                            break;
+                        case 'wp14:sizeRelH':
+                        case 'wp14:sizeRelV':
+                            // 还不知道是啥，文档都没
+                            break;
+                        default:
+                            console.warn('drawing unknown tag', tagName);
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+        return drawing;
+    };
+    return Drawing;
+}());
+
+export { Drawing, Position };

package/esm/openxml/drawing/Geom.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 形状
+ */
+import { ST_ShapeType } from '../Types';
+import Word from '../../Word';
+import { ShapeGuide } from './Shape';
+export declare class Geom {
+    prst: ST_ShapeType;
+    avLst?: ShapeGuide[];
+    static fromXML(word: Word, element: Element): Geom;
+}

package/esm/openxml/drawing/Geom.js

@@ -0,0 +1,34 @@
+import { __values } from 'tslib';
+import { parseShapeGuide } from '../../parse/parseShape.js';
+
+var Geom = /** @class */ (function () {
+    function Geom() {
+    }
+    Geom.fromXML = function (word, element) {
+        var e_1, _a;
+        var geom = new Geom();
+        geom.prst = element.getAttribute('prst');
+        try {
+            for (var _b = __values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var child = _c.value;
+                var tagName = child.tagName;
+                switch (tagName) {
+                    case 'a:avLst': {
+                        geom.avLst = parseShapeGuide(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 geom;
+    };
+    return Geom;
+}());
+
+export { Geom };

package/esm/openxml/drawing/Path.d.ts

@@ -0,0 +1,37 @@
+import { ST_PathFillMode } from '../Types';
+export interface IPath {
+    type: 'moveTo' | 'lnTo' | 'arcTo' | 'cubicBezTo' | 'quadBezTo' | 'close';
+}
+export interface PathPoint {
+    x: string;
+    y: string;
+}
+export interface LnTo extends IPath {
+    pt: PathPoint;
+}
+export interface MoveTo extends IPath {
+    pt: PathPoint;
+}
+export interface ArcTo extends IPath {
+    wR: string;
+    hR: string;
+    stAng: string;
+    swAng: string;
+}
+export interface QuadBezTo extends IPath {
+    pts: PathPoint[];
+}
+export interface CubicBezTo extends IPath {
+    pts: PathPoint[];
+}
+export interface Close extends IPath {
+}
+export type ShapeDefine = MoveTo | LnTo | ArcTo | QuadBezTo | CubicBezTo | Close;
+export interface Path {
+    h?: number;
+    w?: number;
+    fill?: ST_PathFillMode;
+    extrusionOk?: boolean;
+    stroke?: boolean;
+    defines: ShapeDefine[];
+}

package/esm/openxml/drawing/Pic.d.ts

@@ -0,0 +1,16 @@
+import Word from '../../Word';
+import { BlipFill } from './BlipFill';
+import { ShapePr } from './ShapeProperties';
+export declare class Pic {
+    blipFill: BlipFill;
+    spPr: ShapePr;
+    /**
+     * 替换图片的地址
+     */
+    alt?: string;
+    /**
+     * 这个是前面变量替换后，系统自动生成的 alt 地址，用于循环里的变量
+     */
+    altVar?: string;
+    static fromXML(word: Word, element?: Element | null): Pic;
+}

package/esm/openxml/drawing/Pic.js

@@ -0,0 +1,26 @@
+import { getAttrBoolean } from '../../OpenXML.js';
+import { BlipFill } from './BlipFill.js';
+import { ShapePr } from './ShapeProperties.js';
+
+var Pic = /** @class */ (function () {
+    function Pic() {
+    }
+    Pic.fromXML = function (word, element) {
+        var pic = new Pic();
+        var cNvPr = element === null || element === void 0 ? void 0 : element.getElementsByTagName('pic:cNvPr').item(0);
+        if (cNvPr) {
+            pic.alt = cNvPr.getAttribute('descr') || '';
+            pic.altVar = cNvPr.getAttribute('descrVar') || '';
+            var hidden = getAttrBoolean(cNvPr, 'hidden', false);
+            if (hidden) {
+                return pic;
+            }
+        }
+        pic.blipFill = BlipFill.fromXML(word, element === null || element === void 0 ? void 0 : element.getElementsByTagName('pic:blipFill').item(0));
+        pic.spPr = ShapePr.fromXML(word, element === null || element === void 0 ? void 0 : element.getElementsByTagName('pic:spPr').item(0));
+        return pic;
+    };
+    return Pic;
+}());
+
+export { Pic };

package/esm/openxml/drawing/Shape.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Shape 相关的定义
+ */
+import { Path } from './Path';
+export interface ShapeGuide {
+    n: string;
+    f: string;
+}
+export interface Rect {
+    b: string;
+    l: string;
+    r: string;
+    t: string;
+}
+export interface Shape {
+    avLst?: ShapeGuide[];
+    gdLst?: ShapeGuide[];
+    rect?: Rect;
+    pathLst?: Path[];
+}

package/esm/openxml/drawing/ShapeProperties.d.ts

@@ -0,0 +1,22 @@
+/**
+ * http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/spPr_2.html
+ */
+import Word from '../../Word';
+import { Transform } from './Transform';
+import { Geom } from './Geom';
+import { CustomGeom } from './CustomGeom';
+export type OutLine = {
+    style?: 'solid' | 'dashed' | 'dotted' | string;
+    width?: string;
+    color?: string;
+    radius?: string;
+};
+export declare class ShapePr {
+    xfrm?: Transform;
+    geom?: Geom;
+    custGeom?: CustomGeom;
+    outline?: OutLine;
+    fillColor?: string;
+    noFill?: boolean;
+    static fromXML(word: Word, element?: Element | null): ShapePr;
+}

package/esm/openxml/drawing/ShapeProperties.js

@@ -0,0 +1,119 @@
+import { __values } from 'tslib';
+import { Transform } from './Transform.js';
+import { parseSize, LengthUsage } from '../../parse/parseSize.js';
+import { Geom } from './Geom.js';
+import { parseChildColor } from '../../parse/parseChildColor.js';
+import { CustomGeom } from './CustomGeom.js';
+
+/**
+ * http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/spPr_2.html
+ */
+function prstDashToCSSBorderType(prstDash) {
+    var borderType = 'solid';
+    switch (prstDash) {
+        case 'dash':
+        case 'dashDot':
+        case 'lgDash':
+        case 'lgDashDot':
+        case 'lgDashDotDot':
+        case 'sysDash':
+        case 'sysDashDot':
+        case 'sysDashDotDot':
+            borderType = 'dashed';
+            break;
+        case 'dot':
+        case 'sysDot':
+            borderType = 'dotted';
+            break;
+    }
+    return borderType;
+}
+function parseOutline(word, element) {
+    var e_1, _a;
+    var borderWidth = parseSize(element, 'w', LengthUsage.Emu);
+    var outline = {
+        width: borderWidth
+    };
+    outline.style = 'solid';
+    try {
+        for (var _b = __values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var child = _c.value;
+            var tagName = child.tagName;
+            switch (tagName) {
+                case 'a:solidFill':
+                    outline.color = parseChildColor(word, child);
+                    break;
+                case 'a:noFill':
+                    outline.style = 'none';
+                    break;
+                case 'a:round':
+                    // 瞎写的，规范里也没写是多少
+                    outline.radius = '8%';
+                    break;
+                case 'a:prstDash':
+                    outline.style = prstDashToCSSBorderType(child.getAttribute('val'));
+                    break;
+                default:
+                    console.warn('parseOutline: 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 outline;
+}
+var ShapePr = /** @class */ (function () {
+    function ShapePr() {
+    }
+    ShapePr.fromXML = function (word, element) {
+        var e_2, _a;
+        var shapePr = new ShapePr();
+        if (element) {
+            try {
+                for (var _b = __values(element.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var child = _c.value;
+                    var tagName = child.tagName;
+                    switch (tagName) {
+                        case 'a:xfrm':
+                            shapePr.xfrm = Transform.fromXML(word, child);
+                            break;
+                        case 'a:prstGeom':
+                            shapePr.geom = Geom.fromXML(word, child);
+                            break;
+                        case 'a:custGeom':
+                            shapePr.custGeom = CustomGeom.fromXML(word, child);
+                            break;
+                        case 'a:ln':
+                            // http://officeopenxml.com/drwSp-outline.php
+                            shapePr.outline = parseOutline(word, child);
+                            break;
+                        case 'a:noFill':
+                            shapePr.noFill = true;
+                            break;
+                        case 'a:solidFill':
+                            shapePr.fillColor = parseChildColor(word, child);
+                            break;
+                        default:
+                            console.warn('ShapePr: Unknown tag ', tagName, child);
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        }
+        return shapePr;
+    };
+    return ShapePr;
+}());
+
+export { ShapePr };

package/{lib/openxml/word → esm/openxml}/drawing/Transform.d.ts

@@ -1,7 +1,7 @@
 /**
  * http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/xfrm_2.html
  */
-import Word from '../../../Word';
+import Word from '../../Word';
 export interface Off {
     x: string;
     y: string;
@@ -13,5 +13,6 @@ export interface Ext {
 export declare class Transform {
     off?: Off;
     ext?: Ext;
+    rot?: number;
     static fromXML(word: Word, element: Element): Transform;
 }

package/esm/openxml/{word/drawing → drawing}/Transform.js

@@ -1,4 +1,4 @@
-import { parseSize, LengthUsage } from '../../../parse/parseSize.js';
+import { parseSize, LengthUsage, convertAngle } from '../../parse/parseSize.js';
 
 /**
  * http://webapp.docx4java.org/OnlineDemo/ecma376/DrawingML/xfrm_2.html
@@ -8,20 +8,24 @@ var Transform = /** @class */ (function () {
     }
     Transform.fromXML = function (word, element) {
         var transform = new Transform();
-        var off = element.querySelector('off');
+        var off = element.getElementsByTagName('a:off').item(0);
         if (off) {
             transform.off = {
                 x: parseSize(off, 'x', LengthUsage.Emu),
                 y: parseSize(off, 'y', LengthUsage.Emu)
             };
         }
-        var ext = element.querySelector('ext');
+        var ext = element.getElementsByTagName('a:ext').item(0);
         if (ext) {
             transform.ext = {
                 cx: parseSize(ext, 'cx', LengthUsage.Emu),
                 cy: parseSize(ext, 'cy', LengthUsage.Emu)
             };
         }
+        var rot = element.getAttribute('rot');
+        if (rot) {
+            transform.rot = convertAngle(rot);
+        }
         return transform;
     };
     return Transform;

package/esm/openxml/drawing/diagram/Diagram.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 图形，这块没啥文档说明，大部分是靠猜的
+ */
+import Word from '../../../Word';
+export declare class Diagram {
+    static fromXML(word: Word, relidsElement: Element): Diagram;
+}

package/esm/openxml/drawing/diagram/Diagram.js

@@ -0,0 +1,24 @@
+/**
+ * 图形，这块没啥文档说明，大部分是靠猜的
+ */
+var Diagram = /** @class */ (function () {
+    function Diagram() {
+    }
+    // 这里的输入是 dgm:relIds 元素
+    Diagram.fromXML = function (word, relidsElement) {
+        var diagram = new Diagram();
+        var dmId = relidsElement.getAttribute('r:dm');
+        if (dmId) {
+            var dmRel = word.getDocumentRels(dmId);
+            if (dmRel) {
+                // 对应的就是 digrams/data1.xml 文件
+                var dm = word.loadWordRelXML(dmRel);
+                console.log(dm);
+            }
+        }
+        return diagram;
+    };
+    return Diagram;
+}());
+
+export { Diagram };

package/esm/openxml/drawing/diagram/Sp.d.ts

@@ -0,0 +1,2 @@
+export declare class Sp {
+}

package/esm/openxml/drawing/diagram/SpTree.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Diagram 里的 spTree
+ */
+export declare class SpTree {
+}

package/esm/openxml/drawing/presetShape.d.ts

@@ -0,0 +1,3 @@
+/** generated by tools/converDarwingML.ts, do not edit */
+import { Shape } from './Shape';
+export declare const presetShape: Record<string, Shape>;