@meta2d/core 1.0.56 → 1.0.57

package/src/diagrams/people.d.ts

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

package/src/diagrams/people.js

@@ -0,0 +1,19 @@
+export function people(pen, ctx) {
+    const path = !ctx ? new Path2D() : ctx;
+    const { x, y, width, ex, ey } = pen.calculative.worldRect;
+    const r = width / 4;
+    const middle = x + width / 2;
+    path.arc(middle, y + r, r, 0, Math.PI * 2);
+    path.moveTo(x, y + r * 3);
+    path.lineTo(ex, y + r * 3);
+    path.moveTo(middle, y + r * 2);
+    path.lineTo(middle, y + r * 4);
+    path.moveTo(middle, y + r * 4);
+    path.lineTo(x, ey);
+    path.moveTo(middle, y + r * 4);
+    path.lineTo(ex, ey);
+    path.closePath();
+    if (path instanceof Path2D)
+        return path;
+}
+//# sourceMappingURL=people.js.map

package/src/diagrams/people.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"people.js","sourceRoot":"","sources":["../../../../packages/core/src/diagrams/people.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,MAAM,CAAC,GAAQ,EAAE,GAA8B;IAC7D,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC;IAC1D,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;IACpB,MAAM,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAE3C,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1B,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAE/B,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpB,IAAI,CAAC,SAAS,EAAE,CAAC;IACjB,IAAI,IAAI,YAAY,MAAM;QAAE,OAAO,IAAI,CAAC;AAC1C,CAAC"}

package/src/diagrams/rectangle.d.ts

@@ -0,0 +1,3 @@
+import { Pen } from '../pen';
+export declare function rectangle(pen: Pen, ctx?: CanvasRenderingContext2D): Path2D;
+export declare const square: typeof rectangle;

package/src/diagrams/rectangle.js

@@ -0,0 +1,26 @@
+export function rectangle(pen, ctx) {
+    const path = !ctx ? new Path2D() : ctx;
+    let wr = pen.calculative.borderRadius || 0, hr = wr;
+    const { x, y, width, height, ex, ey } = pen.calculative.worldRect;
+    if (wr < 1) {
+        wr = width * wr;
+        hr = height * hr;
+    }
+    let 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 const 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,MAAM,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;IACV,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,SAAS,CAAC;IAClE,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;QACX,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;QAChB,EAAE,GAAG,MAAM,GAAG,EAAE,CAAC;IACnB,CAAC;IACD,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,IAAI,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QAClB,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;IAChB,CAAC;IACD,IAAI,MAAM,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QACnB,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;IACjB,CAAC;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,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AACD,MAAM,CAAC,MAAM,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,279 @@
+// This logic is shamelessly borrowed from Yqnn/svg-path-editor
+// https://github.com/Yqnn/svg-path-editor
+const commandRegex = /^[\t\n\f\r ]*([MLHVZCSQTAmlhvzcsqta])[\t\n\f\r ]*/;
+const flagRegex = /^[01]/;
+const numberRegex = /^[+-]?(([0-9]*\.[0-9]+)|([0-9]+\.)|([0-9]+))([eE][+-]?[0-9]+)?/;
+const commaWsp = /^(([\t\n\f\r ]+,?[\t\n\f\r ]*)|(,[\t\n\f\r ]*))/;
+const 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) {
+    let cursor = 0;
+    const commands = [];
+    while (cursor < path.length) {
+        const match = path.slice(cursor).match(commandRegex);
+        if (match !== null) {
+            const command = match[1];
+            cursor += match[0].length;
+            const parser = parseCommands(command, path, cursor);
+            cursor = parser.cursor;
+            commands.push(...parser.commands);
+        }
+        else {
+            throw new Error('malformed path (first error at ' + cursor + ')');
+        }
+    }
+    return { commands };
+}
+export function getRect(path) {
+    let x = Infinity;
+    let y = Infinity;
+    let ex = -Infinity;
+    let ey = -Infinity;
+    calcWorldPositions(path);
+    path.commands.forEach((item) => {
+        item.worldPoints.forEach((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,
+        y,
+        ex,
+        ey,
+        width: ex - x + 1,
+        height: ey - y + 1,
+    };
+}
+export function translatePath(path, x, y) {
+    if (y == null) {
+        y = x;
+    }
+    path.commands.forEach((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((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((item) => {
+        switch (item.key) {
+            case 'A':
+            case 'a':
+                const a = item.values[0];
+                const b = item.values[1];
+                const angle = (Math.PI * item.values[2]) / 180;
+                const cos = Math.cos(angle);
+                const sin = Math.sin(angle);
+                const A = b * b * y * y * cos * cos + a * a * y * y * sin * sin;
+                const B = 2 * x * y * cos * sin * (b * b - a * a);
+                const C = a * a * x * x * cos * cos + b * b * x * x * sin * sin;
+                const F = -(a * a * b * b * x * x * y * y);
+                const det = B * B - 4 * A * C;
+                const 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((val, index) => {
+                    item.values[index] = val * (index % 2 === 0 ? x : y);
+                });
+                break;
+        }
+    });
+}
+export function pathToString(path) {
+    let text = '';
+    path.commands.forEach((item) => {
+        text += item.key + ' ';
+        item.values.forEach((num) => {
+            text += num + ' ';
+        });
+    });
+    return text;
+}
+function parseCommands(type, path, cursor) {
+    const expectedRegexList = grammar[type.toUpperCase()];
+    const commands = [];
+    while (cursor <= path.length) {
+        const command = { key: type, values: [] };
+        for (const regex of expectedRegexList) {
+            const match = path.slice(cursor).match(regex);
+            if (match !== null) {
+                command.values.push(+match[0]);
+                cursor += match[0].length;
+                const ws = path.slice(cursor).match(commaWsp);
+                if (ws !== null) {
+                    cursor += ws[0].length;
+                }
+            }
+            else if (command.values.length === 0) {
+                return { cursor, commands };
+            }
+            else {
+                throw new Error('malformed path (first error at ' + cursor + ')');
+            }
+        }
+        command.relative = command.key.toUpperCase() !== command.key;
+        commands.push(command);
+        if (expectedRegexList.length === 0) {
+            return { cursor, commands };
+        }
+        if (type === 'm') {
+            type = 'l';
+        }
+        if (type === 'M') {
+            type = 'L';
+        }
+    }
+    throw new Error('malformed path (first error at ' + cursor + ')');
+}
+function calcWorldPoints(command, previous) {
+    const worldPoints = [];
+    let current = command.relative && previous
+        ? {
+            x: previous.worldPoints[previous.worldPoints.length - 2],
+            y: previous.worldPoints[previous.worldPoints.length - 1],
+        }
+        : { x: 0, y: 0 };
+    for (let 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) {
+    let previous;
+    let x = 0;
+    let y = 0;
+    path.commands.forEach((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,29 @@
+import { calcCenter } from '../rect';
+import { getRect, parseSvgPath, pathToString, scalePath, translatePath, } from './svg/parse';
+export function svgPath(pen, ctx) {
+    const store = pen.calculative.canvas.store;
+    const pathText = store.data.paths[pen.pathId];
+    if (!pathText) {
+        return new Path2D();
+    }
+    const 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);
+    }
+    const rect = getRect(path);
+    calcCenter(rect);
+    translatePath(path, pen.calculative.worldRect.x - rect.x, pen.calculative.worldRect.y - rect.y);
+    const pathStr = pathToString(path);
+    if (ctx) {
+        ctx.svgPath?.(pathStr);
+        return;
+    }
+    const 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,MAAM,KAAK,GAAgB,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;IACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,MAAM,EAAE,CAAC;IACtB,CAAC;IAED,MAAM,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,CAAC;QACD,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;IACJ,CAAC;IAED,MAAM,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,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,GAAG,EAAE,CAAC;QACP,GAAW,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;QAChC,OAAO;IACT,CAAC;IAED,MAAM,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,40 @@
+export function triangle(pen, ctx) {
+    const path = !ctx ? new Path2D() : ctx;
+    const { x, y, width, height } = pen.calculative.worldRect;
+    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) {
+    const 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(({ x, y }, index) => {
+        return {
+            id: `${index}`,
+            penId: pen.id,
+            x,
+            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,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,SAAS,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,MAAM,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,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC3C,OAAO;YACL,EAAE,EAAE,GAAG,KAAK,EAAE;YACd,KAAK,EAAE,GAAG,CAAC,EAAE;YACb,CAAC;YACD,CAAC;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,184 @@
+import { setElemPosition } from '../pen';
+export const videos = {};
+const mutedIcons = ['<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M473.088 125.44L256 256H52.224C23.552 256 0 279.552 0 308.224V716.8c0 28.16 23.04 51.2 51.2 51.2h204.8l217.088 130.56c16.896 10.24 38.912-2.048 38.912-22.016V147.456c0-19.968-21.504-32.256-38.912-22.016zM699.904 320.512c-20.992-18.944-53.248-17.408-72.192 3.584-18.944 20.992-17.408 53.248 3.584 72.192 0.512 0.512 58.368 54.784 58.368 121.344 0 37.888-19.456 74.752-58.368 110.08-20.992 18.944-22.528 51.2-3.584 72.192 10.24 11.264 24.064 16.896 37.888 16.896 12.288 0 24.576-4.608 34.304-13.312 61.44-55.296 92.16-117.76 92.16-185.856 0-112.64-88.576-193.536-92.16-197.12z" fill="" p-id="2434"></path><path d="M853.504 166.4c-20.992-18.944-53.248-16.896-72.192 4.096-18.944 20.992-16.896 53.248 4.096 72.192 1.536 1.024 135.68 122.88 135.68 280.576 0 90.624-45.568 177.152-135.68 257.536-20.992 18.944-23.04 51.2-4.096 72.192 10.24 11.264 24.064 16.896 38.4 16.896 12.288 0 24.576-4.096 34.304-12.8 112.64-100.864 169.984-212.992 169.984-333.824-1.024-202.752-163.84-350.208-170.496-356.864z"></path></svg>', '<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" ><path d="M256 768H51.2c-28.16 0-51.2-23.04-51.2-51.2V308.224C0 279.552 23.552 256 52.224 256H256v512zM512 147.456v728.576c0 19.968-21.504 32.256-38.912 22.016L256 768V256l217.088-130.56c17.408-10.24 38.912 2.048 38.912 22.016zM623.104 656.896c-19.968-19.968-19.968-52.224 0-72.192l217.088-217.088c19.968-19.968 52.224-19.968 72.192 0 19.968 19.968 19.968 52.224 0 72.192l-217.088 217.088c-19.456 19.968-52.224 19.968-72.192 0z" fill="" p-id="2582"></path><path d="M623.104 367.104c19.968-19.968 52.224-19.968 72.192 0l217.088 217.088c19.968 19.968 19.968 52.224 0 72.192-19.968 19.968-52.224 19.968-72.192 0l-217.088-217.088c-19.968-19.456-19.968-52.224 0-72.192z"></path></svg>'];
+export function video(pen) {
+    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]) {
+        const player = document.createElement('div');
+        const progress = document.createElement('div');
+        progress.style.position = 'absolute';
+        progress.style.outline = 'none';
+        progress.style.left = '0';
+        progress.style.bottom = '0';
+        progress.style.width = '0';
+        progress.style.height = '2px';
+        progress.style.background = '#52c41a';
+        progress.style.zIndex = '1';
+        if (pen.hideProgress) {
+            progress.style.display = 'none';
+        }
+        const muted = document.createElement('div');
+        muted.innerHTML = mutedIcons[1];
+        muted.style.position = 'absolute';
+        muted.style.right = '0';
+        muted.style.bottom = '0';
+        muted.style.width = '20px';
+        muted.style.height = '20px';
+        muted.style.fill = 'hsla(0, 0%, 100%, .8)';
+        muted.style.zIndex = '1';
+        muted.style.display = 'none';
+        player.appendChild(progress);
+        player.appendChild(muted);
+        muted.onclick = (e) => {
+            e.stopPropagation();
+            if (pen.calculative.media.muted) {
+                muted.innerHTML = mutedIcons[0];
+                pen.calculative.media.muted = false;
+            }
+            else {
+                muted.innerHTML = mutedIcons[1];
+                pen.calculative.media.muted = true;
+            }
+        };
+        if (!pen.calculative.singleton) {
+            pen.calculative.singleton = {};
+        }
+        pen.calculative.singleton.muted = muted;
+        player.onmouseenter = (e) => {
+            muted.style.display = 'block';
+        };
+        player.onmouseleave = (e) => {
+            muted.style.display = 'none';
+        };
+        player.onclick = (e) => {
+            e.stopPropagation();
+            click(pen);
+        };
+        let media;
+        if (pen.video) {
+            media = document.createElement('video');
+            media.src = pen.video;
+        }
+        else if (pen.audio) {
+            media = document.createElement('audio');
+            media.src = pen.audio;
+        }
+        media.loop = pen.playLoop;
+        media.ontimeupdate = () => {
+            resizeProcessWidth(progress, media, pen.calculative.worldRect.width);
+        };
+        media.onended = () => {
+            pen.calculative.onended && pen.calculative.onended(pen);
+        };
+        pen.calculative.media = media;
+        media.style.position = 'absolute';
+        media.style.outline = 'none';
+        media.style.left = '0';
+        media.style.top = '0';
+        media.style.width = '100%';
+        media.style.height = '100%';
+        player.appendChild(media);
+        videos[pen.id] = player;
+        pen.calculative.canvas.externalElements?.parentElement.appendChild(player);
+        setElemPosition(pen, player);
+        if (pen.autoPlay) {
+            media.autoplay = true;
+            media.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].onclick = null;
+    videos[pen.id].remove();
+    videos[pen.id] = undefined;
+}
+function move(pen) {
+    setElemPosition(pen, videos[pen.id]);
+    const progress = videos[pen.id].children[0];
+    const 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;
+        pen.calculative.singleton.muted.innerHTML = mutedIcons[0];
+        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) {
+    const video = videos[pen.id];
+    if (!video) {
+        return;
+    }
+    setElemPosition(pen, video);
+    const 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