@logicflow/core 2.0.0-beta.1 → 2.0.0-beta.10

package/es/common/drag.d.ts

@@ -0,0 +1,51 @@
+import { Model } from '../model';
+import EventEmitter from '../event/eventEmitter';
+export type IDragParams = {
+    deltaX: number;
+    deltaY: number;
+    event: MouseEvent | null;
+    [key: string]: unknown;
+};
+export type ICreateDragParams = {
+    onDragStart?: (params: Partial<IDragParams>) => void;
+    onDragging?: (param: IDragParams) => void;
+    onDragEnd?: (param: Partial<IDragParams>) => void;
+    step?: number;
+    isStopPropagation?: boolean;
+};
+export type IStepperDragProps = {
+    eventType?: 'NODE' | 'BLANK' | 'SELECTION' | 'ADJUST_POINT' | 'TEXT' | 'LABEL' | '';
+    eventCenter?: EventEmitter;
+    model?: Model.BaseModel;
+    data?: Record<string, unknown>;
+    [key: string]: unknown;
+} & Partial<ICreateDragParams>;
+/**
+ * 支持拖拽时按步长进行移动
+ * REMIND：在绘制的过程中因为放大缩小，移动的真实 step 是变化的
+ */
+export declare class StepperDrag {
+    onDragStart: (params: Partial<IDragParams>) => void;
+    onDragging: (params: IDragParams) => void;
+    onDragEnd: (params: Partial<IDragParams>) => void;
+    step: number;
+    isStopPropagation: boolean;
+    eventType: 'NODE' | 'BLANK' | 'SELECTION' | 'ADJUST_POINT' | 'TEXT' | 'LABEL' | '';
+    eventCenter?: EventEmitter;
+    model?: Model.BaseModel;
+    data?: Record<string, unknown>;
+    isDragging: boolean;
+    isStartDrag: boolean;
+    startX: number;
+    startY: number;
+    totalDeltaX: number;
+    totalDeltaY: number;
+    startTime?: number;
+    constructor({ onDragStart, onDragging, onDragEnd, step, eventType, isStopPropagation, eventCenter, model, data, }: IStepperDragProps);
+    setStep(step: number): void;
+    handleMouseMove: (e: MouseEvent) => void;
+    handleMouseUp: (e: MouseEvent) => void;
+    handleMouseDown: (e: MouseEvent) => void;
+    cancelDrag: () => void;
+}
+export default StepperDrag;

package/es/common/drag.js

@@ -0,0 +1,145 @@
+import { noop } from 'lodash-es';
+import { EventType } from '../constant';
+// TODO：这种方式在同构项目中，会报错，该如何解决（是否要求用户控制在浏览器环境时才初始化）
+// const DOC: any = window?.document
+var LEFT_MOUSE_BUTTON_CODE = 0;
+/**
+ * 支持拖拽时按步长进行移动
+ * REMIND：在绘制的过程中因为放大缩小，移动的真实 step 是变化的
+ */
+var StepperDrag = /** @class */ (function () {
+    function StepperDrag(_a) {
+        var _b = _a.onDragStart, onDragStart = _b === void 0 ? noop : _b, _c = _a.onDragging, onDragging = _c === void 0 ? noop : _c, _d = _a.onDragEnd, onDragEnd = _d === void 0 ? noop : _d, _e = _a.step, step = _e === void 0 ? 1 : _e, _f = _a.eventType, eventType = _f === void 0 ? '' : _f, _g = _a.isStopPropagation, isStopPropagation = _g === void 0 ? true : _g, eventCenter = _a.eventCenter, model = _a.model, data = _a.data;
+        var _this = this;
+        // 运行时
+        this.isDragging = false;
+        this.isStartDrag = false;
+        this.startX = 0;
+        this.startY = 0;
+        this.totalDeltaX = 0;
+        this.totalDeltaY = 0;
+        this.handleMouseMove = function (e) {
+            var _a, _b;
+            if (_this.isStopPropagation)
+                e.stopPropagation();
+            if (!_this.isStartDrag)
+                return;
+            _this.totalDeltaX += e.clientX - _this.startX;
+            _this.totalDeltaY += e.clientY - _this.startY;
+            _this.startX = e.clientX;
+            _this.startY = e.clientY;
+            if (_this.step <= 1 ||
+                Math.abs(_this.totalDeltaX) > _this.step ||
+                Math.abs(_this.totalDeltaY) > _this.step) {
+                var remainderX = _this.totalDeltaX % _this.step;
+                var remainderY = _this.totalDeltaY % _this.step;
+                var deltaX_1 = _this.totalDeltaX - remainderX;
+                var deltaY_1 = _this.totalDeltaY - remainderY;
+                _this.totalDeltaX = remainderX;
+                _this.totalDeltaY = remainderY;
+                var elementData_1 = (_a = _this.model) === null || _a === void 0 ? void 0 : _a.getData();
+                // REMIND: 为了区分点击和拖动，在鼠标没有拖动时，不触发 dragstart。
+                if (!_this.isDragging) {
+                    if (_this.eventType) {
+                        (_b = _this.eventCenter) === null || _b === void 0 ? void 0 : _b.emit(EventType["".concat(_this.eventType, "_DRAGSTART")], {
+                            e: e,
+                            data: _this.data || elementData_1,
+                        });
+                    }
+                    _this.onDragStart({ event: e });
+                }
+                _this.isDragging = true;
+                // REMIND: 为了让 dragstart 和 drag 不在同一个事件循环中，将 drag 事件放在下一个任务队列中。
+                // TODO: 测试用例是否可覆盖？？？
+                Promise.resolve().then(function () {
+                    var _a, _b;
+                    _this.onDragging({ deltaX: deltaX_1, deltaY: deltaY_1, event: e });
+                    if (_this.eventType) {
+                        (_a = _this.eventCenter) === null || _a === void 0 ? void 0 : _a.emit(EventType["".concat(_this.eventType, "_MOUSEMOVE")], {
+                            e: e,
+                            data: _this.data || elementData_1,
+                        });
+                        (_b = _this.eventCenter) === null || _b === void 0 ? void 0 : _b.emit(EventType["".concat(_this.eventType, "_DRAG")], {
+                            e: e,
+                            data: _this.data || elementData_1,
+                        });
+                    }
+                });
+            }
+        };
+        this.handleMouseUp = function (e) {
+            var DOC = window === null || window === void 0 ? void 0 : window.document;
+            _this.isStartDrag = false;
+            if (_this.isStopPropagation)
+                e.stopPropagation();
+            // fix: issue#568, 如果 onDragging 在下一个时间循环中触发，而 drop 在当前事件循环，会出现问题
+            Promise.resolve().then(function () {
+                var _a, _b, _c;
+                DOC === null || DOC === void 0 ? void 0 : DOC.removeEventListener('mousemove', _this.handleMouseMove, true);
+                DOC === null || DOC === void 0 ? void 0 : DOC.removeEventListener('mouseup', _this.handleMouseUp, true);
+                var elementData = (_a = _this.model) === null || _a === void 0 ? void 0 : _a.getData();
+                if (_this.eventType) {
+                    (_b = _this.eventCenter) === null || _b === void 0 ? void 0 : _b.emit(EventType["".concat(_this.eventType, "_MOUSEUP")], {
+                        e: e,
+                        data: _this.data || elementData,
+                    });
+                }
+                if (!_this.isDragging)
+                    return;
+                _this.isDragging = false;
+                _this.onDragEnd({ event: e });
+                if (_this.eventType) {
+                    (_c = _this.eventCenter) === null || _c === void 0 ? void 0 : _c.emit(EventType["".concat(_this.eventType, "_DROP")], {
+                        e: e,
+                        data: _this.data || elementData,
+                    });
+                }
+            });
+        };
+        this.handleMouseDown = function (e) {
+            var _a, _b;
+            var DOC = window === null || window === void 0 ? void 0 : window.document;
+            // issue: LogicFlow交流群-3群 8.10 号抛出的事件相关的问题，是否是这引起的？？？
+            if (e.button !== LEFT_MOUSE_BUTTON_CODE)
+                return;
+            if (_this.isStopPropagation)
+                e.stopPropagation();
+            _this.isStartDrag = true;
+            _this.startX = e.clientX;
+            _this.startY = e.clientY;
+            DOC === null || DOC === void 0 ? void 0 : DOC.addEventListener('mousemove', _this.handleMouseMove, true);
+            DOC === null || DOC === void 0 ? void 0 : DOC.addEventListener('mouseup', _this.handleMouseUp, true);
+            var elementData = (_a = _this.model) === null || _a === void 0 ? void 0 : _a.getData();
+            if (_this.eventType) {
+                (_b = _this.eventCenter) === null || _b === void 0 ? void 0 : _b.emit(EventType["".concat(_this.eventType, "_MOUSEDOWN")], {
+                    e: e,
+                    data: _this.data || elementData,
+                });
+            }
+            _this.startTime = new Date().getTime();
+        };
+        this.cancelDrag = function () {
+            var DOC = window === null || window === void 0 ? void 0 : window.document;
+            DOC === null || DOC === void 0 ? void 0 : DOC.removeEventListener('mousemove', _this.handleMouseMove, true);
+            DOC === null || DOC === void 0 ? void 0 : DOC.removeEventListener('mouseup', _this.handleMouseUp, true);
+            _this.onDragEnd({ event: null });
+            _this.isDragging = false;
+        };
+        this.onDragStart = onDragStart;
+        this.onDragging = onDragging;
+        this.onDragEnd = onDragEnd;
+        this.step = step;
+        this.eventType = eventType;
+        this.isStopPropagation = isStopPropagation;
+        this.eventCenter = eventCenter;
+        this.model = model;
+        this.data = data;
+    }
+    StepperDrag.prototype.setStep = function (step) {
+        this.step = step;
+    };
+    return StepperDrag;
+}());
+export { StepperDrag };
+export default StepperDrag;
+//# sourceMappingURL=drag.js.map

package/es/common/drag.js.map

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

package/es/common/history.d.ts

@@ -0,0 +1,28 @@
+import { IDisposer } from 'mobx-utils';
+import { LogicFlow } from '../LogicFlow';
+import { GraphModel } from '../model';
+import EventEmitter from '../event/eventEmitter';
+export type HistoryData = LogicFlow.GraphConfigData;
+export declare class History {
+    undos: HistoryData[];
+    redos: HistoryData[];
+    stopWatch: IDisposer | null;
+    curData: HistoryData | null;
+    maxSize: number;
+    waitTime: number;
+    eventCenter: EventEmitter;
+    constructor(eventCenter: EventEmitter);
+    add(data: HistoryData): void;
+    undoAble(): boolean;
+    /**
+     * undo 方法触发：
+     * graphModel 重新渲染 nodes 和 edges
+     * graphModel 发生变化，触发 watch
+     * watch 触发 add
+     */
+    undo(): LogicFlow.GraphConfigData | undefined;
+    redoAble(): boolean;
+    redo(): LogicFlow.GraphConfigData | undefined;
+    watch(model: GraphModel): void;
+}
+export default History;

package/es/common/history.js

@@ -0,0 +1,92 @@
+import { cloneDeep, debounce, isEqual, last } from 'lodash-es';
+import { deepObserve } from 'mobx-utils';
+var History = /** @class */ (function () {
+    function History(eventCenter) {
+        this.undos = [];
+        this.redos = [];
+        this.stopWatch = null;
+        this.curData = null;
+        this.maxSize = 50;
+        // 发生数据变化后，最多再等 500ms，把距离上次的数据变更存储起来。
+        // 所以 waitTime 值越小，History 对数据变化越敏感，存的 undos 数据就越细
+        this.waitTime = 100;
+        this.eventCenter = eventCenter;
+    }
+    History.prototype.add = function (data) {
+        if (isEqual(last(this.undos), data))
+            return;
+        this.undos.push(data);
+        // 因为 undo 的时候会触发 add.
+        // 所以需要区分这个 add 是 undo 触发的还是用户正常操作触发的
+        // 如果是用户正常操作触发的，需要清空 redos
+        if (!isEqual(this.curData, data)) {
+            this.redos = [];
+        }
+        // this.eventCenter.emit(EventType.HISTORY_CHANGE, {
+        //   data: {
+        //     undos: this.undos,
+        //     redos: this.redos,
+        //     undoAble: this.undos.length > 1,
+        //     redoAble: this.redos.length > 0,
+        //   },
+        // })
+        if (this.undos.length > this.maxSize) {
+            this.undos.shift();
+        }
+    };
+    History.prototype.undoAble = function () {
+        return this.undos.length > 1;
+    };
+    /**
+     * undo 方法触发：
+     * graphModel 重新渲染 nodes 和 edges
+     * graphModel 发生变化，触发 watch
+     * watch 触发 add
+     */
+    History.prototype.undo = function () {
+        if (!this.undoAble())
+            return;
+        var preData = this.undos.pop();
+        if (preData) {
+            this.redos.push(preData);
+        }
+        var curData = this.undos.pop();
+        if (curData) {
+            this.curData = cloneDeep(curData);
+        }
+        return curData;
+    };
+    History.prototype.redoAble = function () {
+        return this.redos.length > 0;
+    };
+    History.prototype.redo = function () {
+        if (!this.redoAble())
+            return;
+        var curData = this.redos.pop();
+        if (curData) {
+            this.curData = cloneDeep(curData);
+        }
+        return curData;
+    };
+    History.prototype.watch = function (model) {
+        var _this = this;
+        this.stopWatch && this.stopWatch();
+        // 把当前 watch 的 model 转换一下数据存起来，无需清空 redos
+        var historyData = model.modelToHistoryData();
+        if (historyData) {
+            this.undos.push(historyData);
+        }
+        this.stopWatch = deepObserve(model, debounce(function () {
+            // 数据变更后，把最新的当前 model 数据存起来，并清空 redos
+            // 因为这个回调函数的触发，一般是用户交互而引起的，所以按照正常逻辑需要清空 redos
+            var data = model.modelToHistoryData();
+            if (data) {
+                _this.add(data);
+            }
+        }, this.waitTime));
+    };
+    return History;
+}());
+export { History };
+export default History;
+//# sourceMappingURL=history.js.map

package/es/common/history.js.map

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

package/es/common/index.d.ts

@@ -0,0 +1,5 @@
+export * from './drag';
+export * from './history';
+export * from './keyboard';
+export * from './matrix';
+export * from './vector';

package/es/common/index.js

@@ -0,0 +1,6 @@
+export * from './drag';
+export * from './history';
+export * from './keyboard';
+export * from './matrix';
+export * from './vector';
+//# sourceMappingURL=index.js.map

package/es/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAE1B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}

package/es/common/keyboard.d.ts

@@ -0,0 +1,34 @@
+import { MousetrapInstance } from 'mousetrap';
+import LogicFlow from '..';
+export declare class Keyboard {
+    private target;
+    readonly mousetrap: MousetrapInstance;
+    options: Required<Keyboard.Options>;
+    constructor(options: Keyboard.Options);
+    protected formatKey(key: string): string;
+    private getKeys;
+    get disabled(): boolean;
+    on(keys: string | string[], callback: Keyboard.HandlerFunc, action?: Keyboard.ActionType): void;
+    off(keys: string | string[], action?: Keyboard.ActionType): void;
+    enable(force: boolean): void;
+    disable(): void;
+    initShortcuts(): void;
+}
+export declare namespace Keyboard {
+    type ActionType = 'keypress' | 'keydown' | 'keyup';
+    type HandlerFunc = (e: KeyboardEvent) => void;
+    interface Shortcut {
+        keys: string | string[];
+        callback: HandlerFunc;
+        action?: ActionType;
+    }
+    interface KeyboardDef {
+        enabled: boolean;
+        shortcuts?: Shortcut | Shortcut[];
+    }
+    interface Options {
+        lf: LogicFlow;
+        keyboard?: KeyboardDef;
+    }
+}
+export default Keyboard;

package/es/common/keyboard.js

@@ -0,0 +1,80 @@
+import Mousetrap from 'mousetrap';
+import { forEach, isArray } from 'lodash-es';
+var Keyboard = /** @class */ (function () {
+    function Keyboard(options) {
+        var _a;
+        var lf = options.lf;
+        if (!options.keyboard) {
+            options.keyboard = { enabled: false };
+        }
+        this.options = options;
+        this.target = lf.container;
+        this.mousetrap = new Mousetrap(this.target);
+        if ((_a = options.keyboard) === null || _a === void 0 ? void 0 : _a.enabled) {
+            this.enable(true);
+        }
+    }
+    Keyboard.prototype.formatKey = function (key) {
+        return key
+            .toLowerCase()
+            .replace(/\s/g, '')
+            .replace('delete', 'del')
+            .replace('cmd', 'command');
+    };
+    Keyboard.prototype.getKeys = function (keys) {
+        var _this = this;
+        return (isArray(keys) ? keys : [keys]).map(function (key) { return _this.formatKey(key); });
+    };
+    Object.defineProperty(Keyboard.prototype, "disabled", {
+        get: function () {
+            var _a;
+            return ((_a = this.options.keyboard) === null || _a === void 0 ? void 0 : _a.enabled) !== true;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Keyboard.prototype.on = function (keys, callback, action) {
+        this.mousetrap.bind(this.getKeys(keys), callback, action);
+    };
+    Keyboard.prototype.off = function (keys, action) {
+        this.mousetrap.unbind(this.getKeys(keys), action);
+    };
+    Keyboard.prototype.enable = function (force) {
+        if (this.disabled || force) {
+            this.options.keyboard.enabled = true;
+            if (this.target instanceof HTMLElement) {
+                this.target.setAttribute('tabindex', '-1');
+                // 去掉节点被选中时 container 出现的边框
+                this.target.style.outline = 'none';
+            }
+        }
+    };
+    Keyboard.prototype.disable = function () {
+        if (!this.disabled) {
+            this.options.keyboard.enabled = false;
+            if (this.target instanceof HTMLElement) {
+                this.target.removeAttribute('tabindex');
+            }
+        }
+    };
+    Keyboard.prototype.initShortcuts = function () {
+        var _this = this;
+        var shortcuts = this.options.keyboard.shortcuts;
+        if (shortcuts) {
+            if (isArray(shortcuts)) {
+                forEach(shortcuts, function (_a) {
+                    var keys = _a.keys, callback = _a.callback, action = _a.action;
+                    _this.on(keys, callback, action);
+                });
+            }
+            else {
+                var keys = shortcuts.keys, callback = shortcuts.callback, action = shortcuts.action;
+                this.on(keys, callback, action);
+            }
+        }
+    };
+    return Keyboard;
+}());
+export { Keyboard };
+export default Keyboard;
+//# sourceMappingURL=keyboard.js.map

package/es/common/keyboard.js.map

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

package/es/common/matrix.d.ts

@@ -0,0 +1,30 @@
+export declare class Matrix extends Array {
+    rows: number;
+    columns: number;
+    constructor(...vectors: any[]);
+    getRow(index: number): any;
+    getColumn(index: number): number[];
+    transpose(): Matrix;
+    cross(m1: Matrix): Matrix;
+    to2D(): any[][];
+    toString(): string;
+    translate(tx: number, ty: number): Matrix;
+    rotate(angle: number): Matrix;
+    scale(sx: number, sy: number): Matrix;
+}
+export declare class RotateMatrix extends Matrix {
+    constructor(theta: number);
+    inverse(): Matrix;
+}
+export declare class ScaleMatrix extends Matrix {
+    private readonly sx;
+    private readonly sy;
+    constructor(sx: number, sy: number);
+    inverse(): ScaleMatrix;
+}
+export declare class TranslateMatrix extends Matrix {
+    private readonly tx;
+    private readonly ty;
+    constructor(tx: number, ty: number);
+    inverse(): TranslateMatrix;
+}

package/es/common/matrix.js

@@ -0,0 +1,155 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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));
+};
+import { Vector } from './vector';
+var Matrix = /** @class */ (function (_super) {
+    __extends(Matrix, _super);
+    function Matrix() {
+        var vectors = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            vectors[_i] = arguments[_i];
+        }
+        var _this = _super.call(this, vectors.length) || this;
+        _this.fill(new Array(3));
+        vectors.forEach(function (v, index) {
+            _this[index] = v;
+        });
+        _this.columns = vectors[0].length;
+        _this.rows = vectors.length;
+        Object.setPrototypeOf(_this, Matrix.prototype);
+        return _this;
+    }
+    Matrix.prototype.getRow = function (index) {
+        return this[index];
+    };
+    Matrix.prototype.getColumn = function (index) {
+        return __spreadArray([], __read(this.map(function (row) { return row[index]; })), false);
+    };
+    // 转置
+    Matrix.prototype.transpose = function () {
+        var rows = [];
+        for (var i = 0; i < this.columns; i++) {
+            rows.push(this.getColumn(i));
+        }
+        return new (Matrix.bind.apply(Matrix, __spreadArray([void 0], __read(rows), false)))();
+    };
+    // 叉乘
+    Matrix.prototype.cross = function (m1) {
+        var arr = new Array(this.rows).fill('').map(function () { return []; });
+        if (this.columns === m1.rows) {
+            for (var i = 0; i < this.rows; i++) {
+                var row = this.getRow(i);
+                var _loop_1 = function (j) {
+                    var column = m1.getColumn(j);
+                    arr[i][j] = row.reduce(function (prev, r, index) {
+                        return prev + r * column[index];
+                    }, 0);
+                };
+                for (var j = 0; j < m1.columns; j++) {
+                    _loop_1(j);
+                }
+            }
+        }
+        return new (Matrix.bind.apply(Matrix, __spreadArray([void 0], __read(arr), false)))();
+    };
+    // 返回二维坐标（降维）
+    Matrix.prototype.to2D = function () {
+        return this.map(function (item) { return [item[0], item[1]]; });
+    };
+    Matrix.prototype.toString = function () {
+        var _a = __read(this, 3), _b = __read(_a[0], 2), a = _b[0], b = _b[1], _c = __read(_a[1], 2), c = _c[0], d = _c[1], _d = __read(_a[2], 2), e = _d[0], f = _d[1];
+        return "matrix(".concat(a, " ").concat(b, " ").concat(c, " ").concat(d, " ").concat(e, " ").concat(f, ")");
+    };
+    Matrix.prototype.translate = function (tx, ty) {
+        return this.cross(new TranslateMatrix(tx, ty));
+    };
+    Matrix.prototype.rotate = function (angle) {
+        return this.cross(new RotateMatrix(angle));
+    };
+    Matrix.prototype.scale = function (sx, sy) {
+        return this.cross(new ScaleMatrix(sx, sy));
+    };
+    return Matrix;
+}(Array));
+export { Matrix };
+var RotateMatrix = /** @class */ (function (_super) {
+    __extends(RotateMatrix, _super);
+    function RotateMatrix(theta) {
+        var _this = _super.call(this, new Vector(+Math.cos(theta).toFixed(2), +Math.sin(theta).toFixed(2), 0), new Vector(-Math.sin(theta).toFixed(2), +Math.cos(theta).toFixed(2), 0), new Vector(0, 0, 1)) || this;
+        Object.setPrototypeOf(_this, RotateMatrix.prototype);
+        return _this;
+    }
+    RotateMatrix.prototype.inverse = function () {
+        return this.transpose();
+    };
+    return RotateMatrix;
+}(Matrix));
+export { RotateMatrix };
+var ScaleMatrix = /** @class */ (function (_super) {
+    __extends(ScaleMatrix, _super);
+    function ScaleMatrix(sx, sy) {
+        var _this = _super.call(this, new Vector(sx, 0, 0), new Vector(0, sy, 0), new Vector(0, 0, 1)) || this;
+        _this.sx = sx;
+        _this.sy = sy;
+        Object.setPrototypeOf(_this, ScaleMatrix.prototype);
+        return _this;
+    }
+    ScaleMatrix.prototype.inverse = function () {
+        return new ScaleMatrix(1 / this.sx, 1 / this.sy);
+    };
+    return ScaleMatrix;
+}(Matrix));
+export { ScaleMatrix };
+var TranslateMatrix = /** @class */ (function (_super) {
+    __extends(TranslateMatrix, _super);
+    function TranslateMatrix(tx, ty) {
+        var _this = _super.call(this, new Vector(1, 0, 0), new Vector(0, 1, 0), new Vector(tx, ty, 1)) || this;
+        _this.tx = tx;
+        _this.ty = ty;
+        Object.setPrototypeOf(_this, TranslateMatrix.prototype);
+        return _this;
+    }
+    TranslateMatrix.prototype.inverse = function () {
+        return new TranslateMatrix(-this.tx, -this.ty);
+    };
+    return TranslateMatrix;
+}(Matrix));
+export { TranslateMatrix };
+//# sourceMappingURL=matrix.js.map