@logicflow/core 1.2.27 → 2.0.0-beta.0

package/lib/model/TransformModel.js

@@ -0,0 +1,243 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransformModel = void 0;
+var mobx_1 = require("mobx");
+var constant_1 = require("../constant");
+var translateLimitsMap = {
+    false: [-Infinity, -Infinity, Infinity, Infinity],
+    true: [0, 0, 0, 0],
+    vertical: [-Infinity, 0, Infinity, 0],
+    horizontal: [0, -Infinity, 0, Infinity],
+};
+var TransformModel = /** @class */ (function () {
+    function TransformModel(eventCenter, options) {
+        this.MINI_SCALE_SIZE = 0.2;
+        this.MAX_SCALE_SIZE = 16;
+        this.SCALE_X = 1;
+        this.SKEW_Y = 0;
+        this.SKEW_X = 0;
+        this.SCALE_Y = 1;
+        this.TRANSLATE_X = 0;
+        this.TRANSLATE_Y = 0;
+        this.ZOOM_SIZE = 0.04;
+        // 限制画布可移动区域
+        this.translateLimitMinX = -Infinity;
+        this.translateLimitMinY = -Infinity;
+        this.translateLimitMaxX = Infinity;
+        this.translateLimitMaxY = Infinity;
+        this.eventCenter = eventCenter;
+        var _a = options.stopMoveGraph, stopMoveGraph = _a === void 0 ? false : _a;
+        this.updateTranslateLimits(stopMoveGraph);
+    }
+    TransformModel.prototype.setZoomMiniSize = function (size) {
+        this.MINI_SCALE_SIZE = size;
+    };
+    TransformModel.prototype.setZoomMaxSize = function (size) {
+        this.MAX_SCALE_SIZE = size;
+    };
+    /**
+     * 将最外层graph上的点基于缩放转换为canvasOverlay层上的点。
+     * @param point HTML点
+     */
+    TransformModel.prototype.HtmlPointToCanvasPoint = function (point) {
+        var _a = __read(point, 2), x = _a[0], y = _a[1];
+        return [
+            (x - this.TRANSLATE_X) / this.SCALE_X,
+            (y - this.TRANSLATE_Y) / this.SCALE_Y,
+        ];
+    };
+    /**
+     * 将最外层canvasOverlay层上的点基于缩放转换为graph上的点。
+     * @param point HTML点
+     */
+    TransformModel.prototype.CanvasPointToHtmlPoint = function (point) {
+        var _a = __read(point, 2), x = _a[0], y = _a[1];
+        return [
+            x * this.SCALE_X + this.TRANSLATE_X,
+            y * this.SCALE_Y + this.TRANSLATE_Y,
+        ];
+    };
+    /**
+     * 将一个在canvas上的点，向x轴方向移动directionX距离，向y轴方向移动directionY距离。
+     * 因为canvas可能被缩小或者放大了，所以其在canvas层移动的距离需要计算上缩放的量。
+     * @param point 点
+     * @param directionX x轴距离
+     * @param directionY y轴距离
+     */
+    TransformModel.prototype.moveCanvasPointByHtml = function (point, directionX, directionY) {
+        var _a = __read(point, 2), x = _a[0], y = _a[1];
+        return [x + directionX / this.SCALE_X, y + directionY / this.SCALE_Y];
+    };
+    /**
+     * 根据缩放情况，获取缩放后的delta距离
+     * @param deltaX x轴距离变化
+     * @param deltaY y轴距离变化
+     */
+    TransformModel.prototype.fixDeltaXY = function (deltaX, deltaY) {
+        return [deltaX / this.SCALE_X, deltaY / this.SCALE_Y];
+    };
+    /**
+     * 基于当前的缩放，获取画布渲染样式transform值
+     */
+    TransformModel.prototype.getTransformStyle = function () {
+        var matrixString = [
+            this.SCALE_X,
+            this.SKEW_Y,
+            this.SKEW_X,
+            this.SCALE_Y,
+            this.TRANSLATE_X,
+            this.TRANSLATE_Y,
+        ].join(',');
+        return {
+            transform: "matrix(".concat(matrixString, ")"),
+        };
+    };
+    /**
+     * 放大缩小图形
+     * @param zoomSize 放大缩小的值，支持传入0-n之间的数字。小于1表示缩小，大于1表示放大。也支持传入true和false按照内置的刻度放大缩小
+     * @param point 缩放的原点
+     * @returns {string} -放大缩小的比例
+     */
+    TransformModel.prototype.zoom = function (zoomSize, point) {
+        if (zoomSize === void 0) { zoomSize = false; }
+        var newScaleX = this.SCALE_X;
+        var newScaleY = this.SCALE_Y;
+        if (typeof zoomSize === 'number') {
+            newScaleX = zoomSize;
+            newScaleY = zoomSize;
+        }
+        else {
+            if (zoomSize) {
+                newScaleX += this.ZOOM_SIZE;
+                newScaleY += this.ZOOM_SIZE;
+            }
+            else {
+                newScaleX -= this.ZOOM_SIZE;
+                newScaleY -= this.ZOOM_SIZE;
+            }
+        }
+        if (newScaleX < this.MINI_SCALE_SIZE || newScaleX > this.MAX_SCALE_SIZE) {
+            return "".concat(this.SCALE_X * 100, "%");
+        }
+        if (point) {
+            this.TRANSLATE_X -= (newScaleX - this.SCALE_X) * point[0];
+            this.TRANSLATE_Y -= (newScaleY - this.SCALE_Y) * point[1];
+        }
+        this.SCALE_X = newScaleX;
+        this.SCALE_Y = newScaleY;
+        this.emitGraphTransform('zoom');
+        return "".concat(this.SCALE_X * 100, "%");
+    };
+    TransformModel.prototype.emitGraphTransform = function (type) {
+        this.eventCenter.emit(constant_1.EventType.GRAPH_TRANSFORM, {
+            type: type,
+            transform: {
+                SCALE_X: this.SCALE_X,
+                SKEW_Y: this.SKEW_Y,
+                SKEW_X: this.SKEW_X,
+                SCALE_Y: this.SCALE_Y,
+                TRANSLATE_X: this.TRANSLATE_X,
+                TRANSLATE_Y: this.TRANSLATE_Y,
+            },
+        });
+    };
+    TransformModel.prototype.resetZoom = function () {
+        this.SCALE_X = 1;
+        this.SCALE_Y = 1;
+        this.emitGraphTransform('resetZoom');
+    };
+    TransformModel.prototype.translate = function (x, y) {
+        if (this.TRANSLATE_X + x <= this.translateLimitMaxX &&
+            this.TRANSLATE_X + x >= this.translateLimitMinX) {
+            this.TRANSLATE_X += x;
+        }
+        if (this.TRANSLATE_Y + y <= this.translateLimitMaxY &&
+            this.TRANSLATE_Y + y >= this.translateLimitMinY) {
+            this.TRANSLATE_Y += y;
+        }
+        this.emitGraphTransform('translate');
+    };
+    /**
+     * 将图形定位到画布中心
+     * @param targetX 图形当前x坐标
+     * @param targetY 图形当前y坐标
+     * @param width 画布宽
+     * @param height 画布高
+     */
+    TransformModel.prototype.focusOn = function (targetX, targetY, width, height) {
+        var _a = __read(this.CanvasPointToHtmlPoint([targetX, targetY]), 2), x = _a[0], y = _a[1];
+        var _b = __read([width / 2 - x, height / 2 - y], 2), deltaX = _b[0], deltaY = _b[1];
+        this.TRANSLATE_X += deltaX;
+        this.TRANSLATE_Y += deltaY;
+        this.emitGraphTransform('focusOn');
+    };
+    /**
+     * 更新画布可以移动范围
+     */
+    TransformModel.prototype.updateTranslateLimits = function (limit) {
+        var _a;
+        ;
+        _a = __read(Array.isArray(limit) && limit.length === 4
+            ? limit
+            : translateLimitsMap[limit.toString()], 4), this.translateLimitMinX = _a[0], this.translateLimitMinY = _a[1], this.translateLimitMaxX = _a[2], this.translateLimitMaxY = _a[3];
+    };
+    __decorate([
+        mobx_1.observable
+    ], TransformModel.prototype, "SCALE_X", void 0);
+    __decorate([
+        mobx_1.observable
+    ], TransformModel.prototype, "SKEW_Y", void 0);
+    __decorate([
+        mobx_1.observable
+    ], TransformModel.prototype, "SKEW_X", void 0);
+    __decorate([
+        mobx_1.observable
+    ], TransformModel.prototype, "SCALE_Y", void 0);
+    __decorate([
+        mobx_1.observable
+    ], TransformModel.prototype, "TRANSLATE_X", void 0);
+    __decorate([
+        mobx_1.observable
+    ], TransformModel.prototype, "TRANSLATE_Y", void 0);
+    __decorate([
+        mobx_1.observable
+    ], TransformModel.prototype, "ZOOM_SIZE", void 0);
+    __decorate([
+        mobx_1.action
+    ], TransformModel.prototype, "zoom", null);
+    __decorate([
+        mobx_1.action
+    ], TransformModel.prototype, "resetZoom", null);
+    __decorate([
+        mobx_1.action
+    ], TransformModel.prototype, "translate", null);
+    __decorate([
+        mobx_1.action
+    ], TransformModel.prototype, "focusOn", null);
+    return TransformModel;
+}());
+exports.TransformModel = TransformModel;
+exports.default = TransformModel;
+//# sourceMappingURL=TransformModel.js.map

package/lib/model/TransformModel.js.map

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

package/lib/model/edge/BaseEdgeModel.d.ts

@@ -0,0 +1,270 @@
+import { BaseNodeModel, GraphModel, Model } from '..';
+import LogicFlow from '../../LogicFlow';
+import { ElementState, ElementType, ModelType } from '../../constant';
+import Point = LogicFlow.Point;
+import EdgeData = LogicFlow.EdgeData;
+import EdgeConfig = LogicFlow.EdgeConfig;
+export interface IBaseEdgeModel extends Model.BaseModel {
+    /**
+     * model 基础类型，固定为 edge
+     */
+    readonly BaseType: ElementType.EDGE;
+    sourceNodeId: string;
+    targetNodeId: string;
+    startPoint?: Point;
+    endPoint?: Point;
+    points: string;
+    pointsList: Point[];
+    isAnimation: boolean;
+    isDragging?: boolean;
+    isShowAdjustPoint: boolean;
+    sourceAnchorId?: string;
+    targetAnchorId?: string;
+    arrowConfig?: LogicFlow.ArrowConfig;
+}
+export declare class BaseEdgeModel implements IBaseEdgeModel {
+    readonly BaseType = ElementType.EDGE;
+    static BaseType: ElementType;
+    id: string;
+    type: string;
+    sourceNodeId: string;
+    targetNodeId: string;
+    startPoint: Point;
+    endPoint: Point;
+    text: {
+        value: string;
+        x: number;
+        y: number;
+        draggable: boolean;
+        editable: boolean;
+    };
+    properties: Record<string, unknown>;
+    points: string;
+    pointsList: Point[];
+    virtual: boolean;
+    isSelected: boolean;
+    isHovered: boolean;
+    isHitable: boolean;
+    isHittable: boolean;
+    draggable: boolean;
+    visible: boolean;
+    isAnimation: boolean;
+    isShowAdjustPoint: boolean;
+    graphModel: GraphModel;
+    zIndex: number;
+    state: ElementState;
+    modelType: ModelType;
+    additionStateData?: Model.AdditionStateDataType;
+    sourceAnchorId?: string;
+    targetAnchorId?: string;
+    menu?: LogicFlow.MenuConfig[];
+    customTextPosition: boolean;
+    style: LogicFlow.CommonTheme;
+    arrowConfig: LogicFlow.ArrowConfig;
+    [propName: string]: unknown;
+    constructor(data: EdgeConfig, graphModel: GraphModel);
+    /**
+     * 初始化边数据
+     * @overridable 支持重写
+     * initNodeData和setAttributes的区别在于
+     * initNodeData只在节点初始化的时候调用，用于初始化节点的所有属性。
+     * setAttributes除了初始化调用外，还会在properties发生变化后调用。
+     */
+    initEdgeData(data: EdgeConfig): void;
+    /**
+     * 设置model属性
+     * @overridable 支持重写
+     * 每次properties发生变化会触发
+     */
+    setAttributes(): void;
+    createId(): string | null;
+    /**
+     * 自定义边样式
+     *
+     * @overridable 支持重写
+     * @returns 自定义边样式
+     */
+    getEdgeStyle(): LogicFlow.EdgeTheme;
+    /**
+     * 自定义边调整点样式
+     *
+     * @overridable 支持重写
+     * 在isShowAdjustPoint为true时会显示调整点。
+     */
+    getAdjustPointStyle(): {
+        [x: string]: unknown;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+        radius?: number | undefined;
+        rx?: number | undefined;
+        ry?: number | undefined;
+        path?: string | undefined;
+    };
+    /**
+     * 自定义边文本样式
+     *
+     * @overridable 支持重写
+     */
+    getTextStyle(): LogicFlow.EdgeTextTheme;
+    /**
+     * 自定义边动画样式
+     *
+     * @overridable 支持重写
+     * @example
+     * getEdgeAnimationStyle() {
+     *   const style = super.getEdgeAnimationStyle()
+     *   style.stroke = 'blue'
+     *   style.animationDuration = '30s'
+     *   style.animationDirection = 'reverse'
+     *   return style
+     * }
+     */
+    getEdgeAnimationStyle(): LogicFlow.EdgeAnimation;
+    /**
+     * 自定义边箭头样式
+     *
+     * @overridable 支持重写
+     * @example
+     * getArrowStyle() {
+     *   const style = super.getArrowStyle()
+     *   style.stroke = 'green'
+     *   return style
+     * }
+     */
+    getArrowStyle(): LogicFlow.ArrowTheme;
+    /**
+     * 自定义边被选中时展示其范围的矩形框样式
+     *
+     * @overridable 支持重写
+     * @example
+     * // 隐藏outline
+     * getOutlineStyle() {
+     *   const style = super.getOutlineStyle()
+     *   style.stroke = "none"
+     *   style.hover.stroke = "none"
+     *   return style
+     * }
+     */
+    getOutlineStyle(): LogicFlow.OutlineTheme;
+    /**
+     * 重新自定义文本位置
+     *
+     * @overridable 支持重写
+     */
+    getTextPosition(): Point;
+    /**
+     * 边的前一个节点
+     */
+    get sourceNode(): BaseNodeModel;
+    /**
+     * 边的后一个节点
+     */
+    get targetNode(): BaseNodeModel;
+    get textPosition(): Point;
+    /**
+     * 内部方法，计算两个节点相连时的起点位置
+     */
+    getBeginAnchor(sourceNode: BaseNodeModel, targetNode: BaseNodeModel, sourceAnchorId?: string): Point | undefined;
+    /**
+     * 内部方法，计算两个节点相连时的终点位置
+     */
+    getEndAnchor(targetNode: BaseNodeModel, targetAnchorId?: string): Point | undefined;
+    /**
+     * 获取当前边的properties
+     */
+    getProperties(): Record<string, unknown>;
+    /**
+     * 获取被保存时返回的数据
+     *
+     * @overridable 支持重写
+     */
+    getData(): EdgeData;
+    /**
+     * 获取边的数据
+     *
+     * @overridable 支持重写
+     * 用于在历史记录时获取节点数据。
+     * 在某些情况下，如果希望某个属性变化不引起history的变化，
+     * 可以重写此方法。
+     */
+    getHistoryData(): EdgeData;
+    /**
+     * 设置边的属性，会触发重新渲染
+     * @param key 属性名
+     * @param val 属性值
+     */
+    setProperty(key: string, val: any): void;
+    /**
+     * 删除边的属性，会触发重新渲染
+     * @param key 属性名
+     */
+    deleteProperty(key: string): void;
+    /**
+     * 设置边的属性，会触发重新渲染
+     * @param key 属性名
+     * @param val 属性值
+     */
+    setProperties(properties: Record<string, any>): void;
+    /**
+     * 修改边的id
+     */
+    changeEdgeId(id: string): void;
+    /**
+     * 设置边样式，用于插件开发时跳过自定义边的渲染。大多数情况下，不需要使用此方法。
+     * 如果需要设置边的样式，请使用 getEdgeStyle 方法自定义边样式。
+     */
+    setStyle(key: string, val: any): void;
+    /**
+     * 设置边样式，用于插件开发时跳过自定义边的渲染。大多数情况下，不需要使用此方法。
+     * 如果需要设置边的样式，请使用 getEdgeStyle 方法自定义边样式。
+     */
+    setStyles(styles: any): void;
+    /**
+     * 设置边样式，用于插件开发时跳过自定义边的渲染。大多数情况下，不需要使用此方法。
+     * 如果需要设置边的样式，请使用 getEdgeStyle 方法自定义边样式。
+     */
+    updateStyles(styles: any): void;
+    /**
+     * 内部方法，处理初始化文本格式
+     */
+    formatText(data: EdgeConfig): void;
+    /**
+     * 重置文本位置
+     */
+    resetTextPosition(): void;
+    /**
+     * 移动边上的文本
+     */
+    moveText(deltaX: number, deltaY: number): void;
+    /**
+     * 设置文本位置和值
+     */
+    setText(textConfig: LogicFlow.TextConfig): void;
+    /**
+     * 更新文本的值
+     */
+    updateText(value: string): void;
+    /**
+     * 内部方法，计算边的起点和终点和其对于的锚点Id
+     */
+    setAnchors(): void;
+    setSelected(flag?: boolean): void;
+    setHovered(flag?: boolean): void;
+    setHitable(flag?: boolean): void;
+    setHittable(flag?: boolean): void;
+    openEdgeAnimation(): void;
+    closeEdgeAnimation(): void;
+    setElementState(state: ElementState, additionStateData?: Model.AdditionStateDataType): void;
+    updateStartPoint(anchor: Point): void;
+    moveStartPoint(deltaX: number, deltaY: number): void;
+    updateEndPoint(anchor: Point): void;
+    moveEndPoint(deltaX: number, deltaY: number): void;
+    setZIndex(zIndex?: number): void;
+    initPoints(): void;
+    updateAttributes(attributes: any): void;
+    getAdjustStart(): LogicFlow.Point;
+    getAdjustEnd(): LogicFlow.Point;
+    updateAfterAdjustStartAndEnd({ startPoint, endPoint, }: Record<'startPoint' | 'endPoint', Point>): void;
+}
+export default BaseEdgeModel;