@meta2d/core 1.0.0

package/src/diagrams/rectangle.js

@@ -0,0 +1,26 @@
+export function rectangle(pen, ctx) {
+    var path = !ctx ? new Path2D() : ctx;
+    var wr = pen.calculative.borderRadius || 0, hr = wr;
+    var _a = pen.calculative.worldRect, x = _a.x, y = _a.y, width = _a.width, height = _a.height, ex = _a.ex, ey = _a.ey;
+    if (wr < 1) {
+        wr = width * wr;
+        hr = height * hr;
+    }
+    var r = wr < hr ? wr : hr;
+    if (width < 2 * r) {
+        r = width / 2;
+    }
+    if (height < 2 * r) {
+        r = height / 2;
+    }
+    path.moveTo(x + r, y);
+    path.arcTo(ex, y, ex, ey, r);
+    path.arcTo(ex, ey, x, ey, r);
+    path.arcTo(x, ey, x, y, r);
+    path.arcTo(x, y, ex, y, r);
+    if (path instanceof Path2D) {
+        return path;
+    }
+}
+export var square = rectangle;
+//# sourceMappingURL=rectangle.js.map

package/src/diagrams/rectangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.js","sourceRoot":"","sources":["../../../../packages/core/src/diagrams/rectangle.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,SAAS,CAAC,GAAQ,EAAE,GAA8B;IAChE,IAAM,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;IACvC,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,YAAY,IAAI,CAAC,EACxC,EAAE,GAAG,EAAE,CAAC;IACJ,IAAA,KAAkC,GAAG,CAAC,WAAW,CAAC,SAAS,EAAzD,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAA8B,CAAC;IAClE,IAAI,EAAE,GAAG,CAAC,EAAE;QACV,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;QAChB,EAAE,GAAG,MAAM,GAAG,EAAE,CAAC;KAClB;IACD,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,IAAI,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE;QACjB,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;KACf;IACD,IAAI,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE;QAClB,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;KAChB;IAED,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACtB,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC7B,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC7B,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3B,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3B,IAAI,IAAI,YAAY,MAAM,EAAE;QAC1B,OAAO,IAAI,CAAC;KACb;AACH,CAAC;AACD,MAAM,CAAC,IAAM,MAAM,GAAG,SAAS,CAAC"}

package/src/diagrams/svg/parse.d.ts

@@ -0,0 +1,15 @@
+import { Rect } from '../../rect';
+export interface SvgCommand {
+    key: string;
+    values: number[];
+    relative?: boolean;
+    worldPoints?: number[];
+}
+export interface SvgPath {
+    commands: SvgCommand[];
+}
+export declare function parseSvgPath(path: string): SvgPath;
+export declare function getRect(path: SvgPath): Rect;
+export declare function translatePath(path: SvgPath, x: number, y?: number): void;
+export declare function scalePath(path: SvgPath, x: number, y?: number): void;
+export declare function pathToString(path: SvgPath): string;

package/src/diagrams/svg/parse.js

@@ -0,0 +1,326 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+// This logic is shamelessly borrowed from Yqnn/svg-path-editor
+// https://github.com/Yqnn/svg-path-editor
+var commandRegex = /^[\t\n\f\r ]*([MLHVZCSQTAmlhvzcsqta])[\t\n\f\r ]*/;
+var flagRegex = /^[01]/;
+var numberRegex = /^[+-]?(([0-9]*\.[0-9]+)|([0-9]+\.)|([0-9]+))([eE][+-]?[0-9]+)?/;
+var commaWsp = /^(([\t\n\f\r ]+,?[\t\n\f\r ]*)|(,[\t\n\f\r ]*))/;
+var grammar = {
+    M: [numberRegex, numberRegex],
+    L: [numberRegex, numberRegex],
+    H: [numberRegex],
+    V: [numberRegex],
+    Z: [],
+    C: [
+        numberRegex,
+        numberRegex,
+        numberRegex,
+        numberRegex,
+        numberRegex,
+        numberRegex,
+    ],
+    S: [numberRegex, numberRegex, numberRegex, numberRegex],
+    Q: [numberRegex, numberRegex, numberRegex, numberRegex],
+    T: [numberRegex, numberRegex],
+    A: [
+        numberRegex,
+        numberRegex,
+        numberRegex,
+        flagRegex,
+        flagRegex,
+        numberRegex,
+        numberRegex,
+    ],
+};
+export function parseSvgPath(path) {
+    var cursor = 0;
+    var commands = [];
+    while (cursor < path.length) {
+        var match = path.slice(cursor).match(commandRegex);
+        if (match !== null) {
+            var command = match[1];
+            cursor += match[0].length;
+            var parser = parseCommands(command, path, cursor);
+            cursor = parser.cursor;
+            commands.push.apply(commands, __spreadArray([], __read(parser.commands), false));
+        }
+        else {
+            throw new Error('malformed path (first error at ' + cursor + ')');
+        }
+    }
+    return { commands: commands };
+}
+export function getRect(path) {
+    var x = Infinity;
+    var y = Infinity;
+    var ex = -Infinity;
+    var ey = -Infinity;
+    calcWorldPositions(path);
+    path.commands.forEach(function (item) {
+        item.worldPoints.forEach(function (num, index) {
+            if (index % 2 === 0) {
+                if (num < x) {
+                    x = num;
+                }
+                if (num > ex) {
+                    ex = num;
+                }
+            }
+            else {
+                if (num < y) {
+                    y = num;
+                }
+                if (num > ey) {
+                    ey = num;
+                }
+            }
+        });
+    });
+    --x;
+    --y;
+    return {
+        x: x,
+        y: y,
+        ex: ex,
+        ey: ey,
+        width: ex - x + 1,
+        height: ey - y + 1,
+    };
+}
+export function translatePath(path, x, y) {
+    if (y == null) {
+        y = x;
+    }
+    path.commands.forEach(function (item, index) {
+        if (item.relative && index) {
+            return;
+        }
+        switch (item.key) {
+            case 'A':
+            case 'a':
+                item.values[5] += x;
+                item.values[6] += y;
+                break;
+            case 'V':
+            case 'v':
+                item.values[0] += y;
+                break;
+            default:
+                item.values.forEach(function (val, i) {
+                    item.values[i] = val + (i % 2 === 0 ? x : y);
+                });
+                break;
+        }
+    });
+}
+export function scalePath(path, x, y) {
+    if (y == null) {
+        y = x;
+    }
+    path.commands.forEach(function (item) {
+        switch (item.key) {
+            case 'A':
+            case 'a':
+                var a = item.values[0];
+                var b = item.values[1];
+                var angle = (Math.PI * item.values[2]) / 180;
+                var cos = Math.cos(angle);
+                var sin = Math.sin(angle);
+                var A = b * b * y * y * cos * cos + a * a * y * y * sin * sin;
+                var B = 2 * x * y * cos * sin * (b * b - a * a);
+                var C = a * a * x * x * cos * cos + b * b * x * x * sin * sin;
+                var F = -(a * a * b * b * x * x * y * y);
+                var det = B * B - 4 * A * C;
+                var val1 = Math.sqrt((A - C) * (A - C) + B * B);
+                // New rotation:
+                item.values[2] =
+                    B !== 0
+                        ? (Math.atan((C - A - val1) / B) * 180) / Math.PI
+                        : A < C
+                            ? 0
+                            : 90;
+                // New radius-x, radius-y
+                item.values[0] = -Math.sqrt(2 * det * F * (A + C + val1)) / det;
+                item.values[1] = -Math.sqrt(2 * det * F * (A + C - val1)) / det;
+                // New target
+                item.values[5] *= x;
+                item.values[6] *= y;
+                // New sweep flag
+                item.values[4] = x * y >= 0 ? item.values[4] : 1 - item.values[4];
+                break;
+            case 'V':
+            case 'v':
+                item.values[0] *= y;
+                break;
+            default:
+                item.values.forEach(function (val, index) {
+                    item.values[index] = val * (index % 2 === 0 ? x : y);
+                });
+                break;
+        }
+    });
+}
+export function pathToString(path) {
+    var text = '';
+    path.commands.forEach(function (item) {
+        text += item.key + ' ';
+        item.values.forEach(function (num) {
+            text += num + ' ';
+        });
+    });
+    return text;
+}
+function parseCommands(type, path, cursor) {
+    var e_1, _a;
+    var expectedRegexList = grammar[type.toUpperCase()];
+    var commands = [];
+    while (cursor <= path.length) {
+        var command = { key: type, values: [] };
+        try {
+            for (var expectedRegexList_1 = (e_1 = void 0, __values(expectedRegexList)), expectedRegexList_1_1 = expectedRegexList_1.next(); !expectedRegexList_1_1.done; expectedRegexList_1_1 = expectedRegexList_1.next()) {
+                var regex = expectedRegexList_1_1.value;
+                var match = path.slice(cursor).match(regex);
+                if (match !== null) {
+                    command.values.push(+match[0]);
+                    cursor += match[0].length;
+                    var ws = path.slice(cursor).match(commaWsp);
+                    if (ws !== null) {
+                        cursor += ws[0].length;
+                    }
+                }
+                else if (command.values.length === 0) {
+                    return { cursor: cursor, commands: commands };
+                }
+                else {
+                    throw new Error('malformed path (first error at ' + cursor + ')');
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (expectedRegexList_1_1 && !expectedRegexList_1_1.done && (_a = expectedRegexList_1.return)) _a.call(expectedRegexList_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        command.relative = command.key.toUpperCase() !== command.key;
+        commands.push(command);
+        if (expectedRegexList.length === 0) {
+            return { cursor: cursor, commands: commands };
+        }
+        if (type === 'm') {
+            type = 'l';
+        }
+        if (type === 'M') {
+            type = 'L';
+        }
+    }
+    throw new Error('malformed path (first error at ' + cursor + ')');
+}
+function calcWorldPoints(command, previous) {
+    var worldPoints = [];
+    var current = command.relative && previous
+        ? {
+            x: previous.worldPoints[previous.worldPoints.length - 2],
+            y: previous.worldPoints[previous.worldPoints.length - 1],
+        }
+        : { x: 0, y: 0 };
+    for (var i = 0; i < command.values.length - 1; i += 2) {
+        worldPoints.push(current.x + command.values[i]);
+        worldPoints.push(current.y + command.values[i + 1]);
+    }
+    command.worldPoints = worldPoints;
+}
+function calcWorldPositions(path) {
+    var previous;
+    var x = 0;
+    var y = 0;
+    path.commands.forEach(function (item) {
+        switch (item.key) {
+            case 'Z':
+            case 'z':
+                item.worldPoints = [x, y];
+                break;
+            case 'H':
+                item.worldPoints = [
+                    item.values[0],
+                    previous.worldPoints[previous.worldPoints.length - 1],
+                ];
+                break;
+            case 'h':
+                item.worldPoints = [
+                    item.values[0] +
+                        previous.worldPoints[previous.worldPoints.length - 2],
+                    previous.worldPoints[previous.worldPoints.length - 1],
+                ];
+                break;
+            case 'V':
+                item.worldPoints = [
+                    previous.worldPoints[previous.worldPoints.length - 2],
+                    item.values[0],
+                ];
+                break;
+            case 'v':
+                item.worldPoints = [
+                    previous.worldPoints[previous.worldPoints.length - 2],
+                    item.values[0] +
+                        previous.worldPoints[previous.worldPoints.length - 1],
+                ];
+                break;
+            case 'A':
+                item.worldPoints = [
+                    previous.worldPoints[previous.worldPoints.length - 2],
+                    item.values[0] +
+                        previous.worldPoints[previous.worldPoints.length - 1],
+                ];
+                break;
+            default:
+                calcWorldPoints(item, previous);
+                break;
+        }
+        if (item.key === 'M' ||
+            item.key === 'm' ||
+            item.key === 'Z' ||
+            item.key === 'z') {
+            x = item.worldPoints[item.worldPoints.length - 2];
+            y = item.worldPoints[item.worldPoints.length - 1];
+        }
+        previous = item;
+    });
+}
+//# sourceMappingURL=parse.js.map

package/src/diagrams/svg/parse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.js","sourceRoot":"","sources":["../../../../../packages/core/src/diagrams/svg/parse.ts"],"names":[],"mappings":"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"}

package/src/diagrams/svgPath.d.ts

@@ -0,0 +1,2 @@
+import { Pen } from '../pen';
+export declare function svgPath(pen: Pen, ctx?: CanvasRenderingContext2D): Path2D;

package/src/diagrams/svgPath.js

@@ -0,0 +1,30 @@
+import { calcCenter } from '../rect';
+import { getRect, parseSvgPath, pathToString, scalePath, translatePath, } from './svg/parse';
+export function svgPath(pen, ctx) {
+    var _a, _b;
+    var store = pen.calculative.canvas.store;
+    var pathText = store.data.paths[pen.pathId];
+    if (!pathText) {
+        return new Path2D();
+    }
+    var path = parseSvgPath(pathText);
+    pen.calculative.svgRect = getRect(path);
+    calcCenter(pen.calculative.svgRect);
+    if (pen.calculative.svgRect.width !== pen.calculative.worldRect.width ||
+        pen.calculative.svgRect.height !== pen.calculative.worldRect.height) {
+        scalePath(path, pen.calculative.worldRect.width / pen.calculative.svgRect.width, pen.calculative.worldRect.height / pen.calculative.svgRect.height);
+    }
+    var rect = getRect(path);
+    calcCenter(rect);
+    translatePath(path, pen.calculative.worldRect.x - rect.x, pen.calculative.worldRect.y - rect.y);
+    var pathStr = pathToString(path);
+    if (ctx) {
+        (_b = (_a = ctx).svgPath) === null || _b === void 0 ? void 0 : _b.call(_a, pathStr);
+        return;
+    }
+    var path2D = new Path2D(pathStr);
+    // TODO: 为何要闭合曲线
+    // path2D.closePath();
+    return path2D;
+}
+//# sourceMappingURL=svgPath.js.map

package/src/diagrams/svgPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgPath.js","sourceRoot":"","sources":["../../../../packages/core/src/diagrams/svgPath.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,aAAa,CAAC;AAErB,MAAM,UAAU,OAAO,CAAC,GAAQ,EAAE,GAA8B;;IAC9D,IAAM,KAAK,GAAgB,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;IACxD,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9C,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,MAAM,EAAE,CAAC;KACrB;IAED,IAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IACpC,GAAG,CAAC,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEpC,IACE,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,KAAK,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK;QACjE,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,EACnE;QACA,SAAS,CACP,IAAI,EACJ,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAC/D,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,GAAG,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAClE,CAAC;KACH;IAED,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,UAAU,CAAC,IAAI,CAAC,CAAC;IACjB,aAAa,CACX,IAAI,EACJ,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EACpC,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CACrC,CAAC;IAEF,IAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,GAAG,EAAE;QACP,MAAA,MAAC,GAAW,EAAC,OAAO,mDAAG,OAAO,CAAC,CAAC;QAChC,OAAO;KACR;IAED,IAAM,MAAM,GAAG,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,gBAAgB;IAChB,sBAAsB;IAEtB,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/src/diagrams/triangle.d.ts

@@ -0,0 +1,3 @@
+import { Pen } from '../pen';
+export declare function triangle(pen: Pen, ctx?: CanvasRenderingContext2D): Path2D;
+export declare function triangleAnchors(pen: Pen): void;

package/src/diagrams/triangle.js

@@ -0,0 +1,41 @@
+export function triangle(pen, ctx) {
+    var path = !ctx ? new Path2D() : ctx;
+    var _a = pen.calculative.worldRect, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+    path.moveTo(x + width / 2, y);
+    path.lineTo(x + width, y + height);
+    path.lineTo(x, y + height);
+    path.lineTo(x + width / 2, y);
+    path.closePath();
+    if (path instanceof Path2D)
+        return path;
+}
+export function triangleAnchors(pen) {
+    var points = [
+        {
+            x: 0.5,
+            y: 0,
+        },
+        {
+            x: 0.75,
+            y: 0.5,
+        },
+        {
+            x: 0.5,
+            y: 1,
+        },
+        {
+            x: 0.25,
+            y: 0.5,
+        },
+    ];
+    pen.anchors = points.map(function (_a, index) {
+        var x = _a.x, y = _a.y;
+        return {
+            id: "" + index,
+            penId: pen.id,
+            x: x,
+            y: y,
+        };
+    });
+}
+//# sourceMappingURL=triangle.js.map

package/src/diagrams/triangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triangle.js","sourceRoot":"","sources":["../../../../packages/core/src/diagrams/triangle.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,QAAQ,CAAC,GAAQ,EAAE,GAA8B;IAC/D,IAAM,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;IACjC,IAAA,KAA0B,GAAG,CAAC,WAAW,CAAC,SAAS,EAAjD,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAA8B,CAAC;IAC1D,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9B,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;IACnC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;IAC3B,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9B,IAAI,CAAC,SAAS,EAAE,CAAC;IACjB,IAAI,IAAI,YAAY,MAAM;QAAE,OAAO,IAAI,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,GAAQ;IACtC,IAAM,MAAM,GAAG;QACb;YACE,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,CAAC;SACL;QACD;YACE,CAAC,EAAE,IAAI;YACP,CAAC,EAAE,GAAG;SACP;QACD;YACE,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,CAAC;SACL;QACD;YACE,CAAC,EAAE,IAAI;YACP,CAAC,EAAE,GAAG;SACP;KACO,CAAC;IACX,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,UAAC,EAAQ,EAAE,KAAK;YAAb,CAAC,OAAA,EAAE,CAAC,OAAA;QAC9B,OAAO;YACL,EAAE,EAAE,KAAG,KAAO;YACd,KAAK,EAAE,GAAG,CAAC,EAAE;YACb,CAAC,GAAA;YACD,CAAC,GAAA;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/src/diagrams/video.d.ts

@@ -0,0 +1,5 @@
+import { Pen } from '../pen';
+export declare const videos: {
+    [id: string]: HTMLDivElement;
+};
+export declare function video(pen: Pen): Path2D;

package/src/diagrams/video.js

@@ -0,0 +1,143 @@
+import { setElemPosition } from '../pen';
+export var videos = {};
+export function video(pen) {
+    var _a;
+    if (!pen.onDestroy) {
+        pen.onDestroy = destory;
+        pen.onMove = move;
+        pen.onResize = move;
+        pen.onRotate = move;
+        pen.onClick = click;
+        pen.onValue = value;
+        pen.onChangeId = changeId;
+    }
+    if (!videos[pen.id]) {
+        var player = document.createElement('div');
+        var progress_1 = document.createElement('div');
+        progress_1.style.position = 'absolute';
+        progress_1.style.outline = 'none';
+        progress_1.style.left = '0';
+        progress_1.style.bottom = '0';
+        progress_1.style.width = '0';
+        progress_1.style.height = '2px';
+        progress_1.style.background = '#52c41a';
+        progress_1.style.zIndex = '1';
+        player.appendChild(progress_1);
+        var media_1;
+        if (pen.video) {
+            media_1 = document.createElement('video');
+            media_1.src = pen.video;
+        }
+        else if (pen.audio) {
+            media_1 = document.createElement('audio');
+            media_1.src = pen.audio;
+        }
+        media_1.loop = pen.playLoop;
+        media_1.ontimeupdate = function () {
+            resizeProcessWidth(progress_1, media_1, pen.calculative.worldRect.width);
+        };
+        media_1.onended = function () {
+            pen.calculative.onended && pen.calculative.onended(pen);
+        };
+        pen.calculative.media = media_1;
+        media_1.style.position = 'absolute';
+        media_1.style.outline = 'none';
+        media_1.style.left = '0';
+        media_1.style.top = '0';
+        media_1.style.width = '100%';
+        media_1.style.height = '100%';
+        player.appendChild(media_1);
+        videos[pen.id] = player;
+        (_a = pen.calculative.canvas.externalElements) === null || _a === void 0 ? void 0 : _a.appendChild(player);
+        setElemPosition(pen, player);
+        if (pen.autoPlay) {
+            media_1.autoplay = true;
+            media_1.muted = true;
+        }
+    }
+    else if (pen.video &&
+        pen.calculative.media &&
+        pen.video !== pen.calculative.video) {
+        console.warn('video 更改, 此处是否执行？');
+        pen.calculative.media.src = pen.video;
+        if (pen.autoPlay) {
+            pen.calculative.media.muted = true;
+            pen.calculative.media.autoplay = true;
+        }
+        pen.calculative.media.loop = pen.playLoop;
+        pen.calculative.video = pen.video;
+    }
+    else if (pen.audio &&
+        pen.calculative.media &&
+        pen.audio !== pen.calculative.audio) {
+        pen.calculative.media.src = pen.audio;
+        if (pen.autoPlay) {
+            pen.calculative.media.muted = true;
+            pen.calculative.media.autoplay = true;
+        }
+        pen.calculative.media.loop = pen.playLoop;
+        pen.calculative.audio = pen.audio;
+    }
+    if (pen.calculative.patchFlags) {
+        setElemPosition(pen, videos[pen.id]);
+    }
+    return new Path2D();
+}
+function destory(pen) {
+    videos[pen.id].remove();
+    videos[pen.id] = undefined;
+}
+function move(pen) {
+    setElemPosition(pen, videos[pen.id]);
+    var progress = videos[pen.id].children[0];
+    var media = videos[pen.id].children[1];
+    resizeProcessWidth(progress, media, pen.calculative.worldRect.width);
+}
+function click(pen) {
+    if (pen.calculative.media) {
+        pen.calculative.media.muted = false;
+        if (pen.calculative.media.paused) {
+            pen.calculative.media.play();
+        }
+        else {
+            pen.calculative.media.pause();
+        }
+    }
+}
+function resizeProcessWidth(progress, media, width) {
+    // worldRect 会重新赋值，而 pen 不会变，这里才能取到实时的 worldRect
+    progress.style.width = (media.currentTime / media.duration) * width + 'px';
+}
+function changeId(pen, oldId, newId) {
+    if (!videos[oldId]) {
+        return;
+    }
+    videos[newId] = videos[oldId];
+    delete videos[oldId];
+}
+function value(pen) {
+    var video = videos[pen.id];
+    if (!video) {
+        return;
+    }
+    setElemPosition(pen, video);
+    var currentSrc = pen.calculative.media.getAttribute('src');
+    if (pen.video) {
+        if (currentSrc !== pen.video) {
+            pen.calculative.media.src = pen.video;
+        }
+    }
+    else if (pen.audio) {
+        if (currentSrc !== pen.audio) {
+            pen.calculative.media.src = pen.audio;
+        }
+    }
+    // TODO: 下面每次都改动，是否影响性能？
+    if (pen.autoPlay) {
+        pen.calculative.media.muted = true;
+        // TODO: 自动播放何时关？
+        pen.calculative.media.autoplay = true;
+    }
+    pen.calculative.media.loop = pen.playLoop;
+}
+//# sourceMappingURL=video.js.map

package/src/diagrams/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../../packages/core/src/diagrams/video.ts"],"names":[],"mappings":"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"}