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

package/lib/algorithm/outline.d.ts

@@ -1,4 +1,4 @@
-import { Model, PolylineEdgeModel, BezierEdgeModel, BaseNodeModel, BaseEdgeModel, LineEdgeModel } from '../model';
+import { Model, BaseNodeModel, BaseEdgeModel, LineEdgeModel, BezierEdgeModel, PolylineEdgeModel } from '../model';
 import OutlineInfo = Model.OutlineInfo;
 export declare const getNodeOutline: (node: BaseNodeModel) => OutlineInfo;
 export declare const getLineOutline: (edge: LineEdgeModel) => OutlineInfo;

package/lib/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/lib/common/drag.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepperDrag = void 0;
+var lodash_es_1 = require("lodash-es");
+var constant_1 = require("../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 ? lodash_es_1.noop : _b, _c = _a.onDragging, onDragging = _c === void 0 ? lodash_es_1.noop : _c, _d = _a.onDragEnd, onDragEnd = _d === void 0 ? lodash_es_1.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(constant_1.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(constant_1.EventType["".concat(_this.eventType, "_MOUSEMOVE")], {
+                            e: e,
+                            data: _this.data || elementData_1,
+                        });
+                        (_b = _this.eventCenter) === null || _b === void 0 ? void 0 : _b.emit(constant_1.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(constant_1.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(constant_1.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(constant_1.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;
+}());
+exports.StepperDrag = StepperDrag;
+exports.default = StepperDrag;
+//# sourceMappingURL=drag.js.map

package/lib/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/lib/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/lib/common/history.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.History = void 0;
+var lodash_es_1 = require("lodash-es");
+var mobx_utils_1 = require("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 ((0, lodash_es_1.isEqual)((0, lodash_es_1.last)(this.undos), data))
+            return;
+        this.undos.push(data);
+        // 因为 undo 的时候会触发 add.
+        // 所以需要区分这个 add 是 undo 触发的还是用户正常操作触发的
+        // 如果是用户正常操作触发的，需要清空 redos
+        if (!(0, lodash_es_1.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 = (0, lodash_es_1.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 = (0, lodash_es_1.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 = (0, mobx_utils_1.deepObserve)(model, (0, lodash_es_1.debounce)(function () {
+            // 数据变更后，把最新的当前 model 数据存起来，并清空 redos
+            // 因为这个回调函数的触发，一般是用户交互而引起的，所以按照正常逻辑需要清空 redos
+            var data = model.modelToHistoryData();
+            if (data) {
+                _this.add(data);
+            }
+        }, this.waitTime));
+    };
+    return History;
+}());
+exports.History = History;
+exports.default = History;
+//# sourceMappingURL=history.js.map

package/lib/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/lib/common/index.d.ts

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

package/lib/common/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./drag"), exports);
+__exportStar(require("./history"), exports);
+__exportStar(require("./keyboard"), exports);
+__exportStar(require("./matrix"), exports);
+__exportStar(require("./vector"), exports);
+//# sourceMappingURL=index.js.map

package/lib/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,4CAAyB;AACzB,6CAA0B;AAE1B,2CAAwB;AACxB,2CAAwB"}

package/lib/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/lib/common/keyboard.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Keyboard = void 0;
+var mousetrap_1 = __importDefault(require("mousetrap"));
+var lodash_es_1 = require("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_1.default(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 ((0, lodash_es_1.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 ((0, lodash_es_1.isArray)(shortcuts)) {
+                (0, lodash_es_1.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;
+}());
+exports.Keyboard = Keyboard;
+exports.default = Keyboard;
+//# sourceMappingURL=keyboard.js.map

package/lib/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/lib/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;
+}