@logicflow/core 1.2.13 → 1.2.16

package/dist/style/index.css

@@ -193,3 +193,6 @@
 .lf-edge-adjust-point {
   cursor: move;
 }
+.lf-rotate{
+  cursor: grabbing;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "1.2.13",
+  "version": "1.2.16",
   "description": "LogicFlow core, to quickly build flowchart editor",
   "main": "dist/entry.js",
   "module": "dist/logic-flow.js",

package/types/LogicFlow.d.ts

@@ -340,7 +340,7 @@ export default class LogicFlow {
     /**
      * 添加多个元素, 包括边和节点。
      */
-    addElements({ nodes, edges }: GraphConfigData): GraphConfigModel;
+    addElements({ nodes, edges }: GraphConfigData, distance?: number): GraphConfigModel;
     /**
      * 获取指定区域内的所有元素，此区域必须是DOM层。
      * 例如鼠标绘制选区后，获取选区内的所有元素。

package/types/constant/DefaultTheme.d.ts

@@ -261,5 +261,9 @@ export declare type Theme = {
      * 边动画样式
      */
     edgeAnimation?: EdgeAnimation;
+    /**
+     * 节点旋转控制点样式
+     */
+    rotateControl?: CommonTheme;
 };
 export declare const defaultTheme: Theme;

package/types/constant/constant.d.ts

@@ -36,6 +36,7 @@ export declare enum EventType {
     NODE_DBCLICK = "node:dbclick",
     NODE_DELETE = "node:delete",
     NODE_ADD = "node:add",
+    NODE_GROUP_COPY = "node:group-copy-add",
     NODE_DND_ADD = "node:dnd-add",
     NODE_DND_DRAG = "node:dnd-drag",
     NODE_MOUSEDOWN = "node:mousedown",
@@ -47,6 +48,7 @@ export declare enum EventType {
     NODE_MOUSEENTER = "node:mouseenter",
     NODE_MOUSELEAVE = "node:mouseleave",
     NODE_CONTEXTMENU = "node:contextmenu",
+    NODE_ROTATE = "node:rotate",
     EDGE_DELETE = "edge:delete",
     EDGE_ADD = "edge:add",
     EDGE_CLICK = "edge:click",

package/types/model/EditConfigModel.d.ts

@@ -12,9 +12,13 @@ export interface EditConfigInterface {
      */
     stopScrollGraph?: boolean;
     /**
-     * 禁止拖动画布
+     * 禁止拖动画布，默认为false
+     * true：完全禁止移动
+     * vertical： 禁止垂直方向拖动
+     * horizontal：禁止水平方向拖动
+     * [number, number, number, number]：[minX, minY, maxX, maxY] 画布可拖动范围
      */
-    stopMoveGraph?: boolean;
+    stopMoveGraph?: boolean | 'vertical' | 'horizontal' | [number, number, number, number];
     /**
      * 允许调整边
      */
@@ -31,6 +35,10 @@ export interface EditConfigInterface {
      * 隐藏节点所有锚点
      */
     hideAnchors?: boolean;
+    /**
+     * 是否允许节点旋转（旋转点的显隐）
+     */
+    allowRotation?: boolean;
     /**
      * 显示节点悬浮时的外框
      */
@@ -82,6 +90,7 @@ export default class EditConfigModel {
     adjustEdgeStartAndEnd: boolean;
     adjustNodePosition: boolean;
     hideAnchors: boolean;
+    allowRotation: boolean;
     hoverOutline: boolean;
     nodeSelectedOutline: boolean;
     edgeSelectedOutline: boolean;

package/types/model/GraphModel.d.ts

@@ -62,6 +62,10 @@ declare class GraphModel {
      * 在节点移动的时候，会出发此数组中的所有规则判断
      */
     nodeMoveRules: NodeMoveRule[];
+    /**
+     * 获取自定义连线轨迹
+     */
+    customTrajectory: Definition['customTrajectory'];
     /**
      * 在图上操作创建边时，默认使用的边类型.
      */

package/types/model/TransformModel.d.ts

@@ -29,7 +29,11 @@ export default class TransformModel implements TransformInterface {
     TRANSLATE_Y: number;
     ZOOM_SIZE: number;
     eventCenter: EventEmitter;
-    constructor(eventCenter: any);
+    translateLimitMinX: number;
+    translateLimitMinY: number;
+    translateLimitMaxX: number;
+    translateLimitMaxY: number;
+    constructor(eventCenter: any, options: any);
     setZoomMiniSize(size: number): void;
     setZoomMaxSize(size: number): void;
     /**
@@ -80,4 +84,8 @@ export default class TransformModel implements TransformInterface {
      * @param height 画布高
      */
     focusOn(targetX: number, targetY: number, width: number, height: number): void;
+    /**
+     * 更新画布可以移动范围
+     */
+    updateTranslateLimits(limit: boolean | 'vertical' | 'horizontal' | [number, number, number, number]): void;
 }

package/types/model/node/BaseNodeModel.d.ts

@@ -46,12 +46,17 @@ export default class BaseNodeModel implements IBaseNodeModel {
     isHitable: boolean;
     draggable: boolean;
     visible: boolean;
+    enableRotate: boolean;
     virtual: boolean;
     graphModel: GraphModel;
     zIndex: number;
     state: number;
     autoToFront: boolean;
     style: ShapeStyleAttribute;
+    transform: string;
+    private _rotate;
+    set rotate(value: number);
+    get rotate(): number;
     readonly BaseType = ElementType.NODE;
     modelType: ModelType;
     additionStateData: AdditionData;
@@ -135,6 +140,11 @@ export default class BaseNodeModel implements IBaseNodeModel {
      * 获取当前节点文本样式
      */
     getTextStyle(): import("../../constant/DefaultTheme").NodeTextTheme;
+    /**
+     * @overridable 支持重写
+     * 获取当前节点旋转控制点的样式
+     */
+    getRotateControlStyle(): import("../../constant/DefaultTheme").CommonTheme;
     /**
      * @overridable 支持重写
      * 获取当前节点锚点样式
@@ -208,6 +218,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
     setSelected(flag?: boolean): void;
     setHovered(flag?: boolean): void;
     setIsShowAnchor(flag?: boolean): void;
+    setEnableRotate(flag?: boolean): void;
     setHitable(flag?: boolean): void;
     setElementState(state: number, additionStateData?: AdditionData): void;
     setProperty(key: any, val: any): void;

package/types/options.d.ts

@@ -1,6 +1,7 @@
+import { VNode } from 'preact';
 import { GridOptions } from './view/overlay/Grid';
 import { BackgroundConfig } from './view/overlay/BackgroundOverlay';
-import { NodeData, EdgeData, Extension, GraphConfigData } from './type';
+import { NodeData, EdgeData, Extension, GraphConfigData, Point } from './type';
 import { KeyboardDef } from './keyboard';
 import { EditConfigInterface } from './model/EditConfigModel';
 import { Theme } from './constant/DefaultTheme';
@@ -112,8 +113,14 @@ export declare type Definition = {
      *        any: 自定义边及其他数据
      */
     edgeGenerator?: (sourceNode: any, targetNode: any, currentEdge?: any) => string | any | undefined;
+    customTrajectory?: (props: CustomAnchorLineProps) => VNode;
     [key: string]: any;
 } & EditConfigInterface;
+export interface CustomAnchorLineProps {
+    sourcePoint: Point;
+    targetPoint: Point;
+    [key: string]: any;
+}
 export interface GuardsTypes {
     beforeClone?: (data: NodeData | GraphConfigData) => boolean;
     beforeDelete?: (data: NodeData | EdgeData) => boolean;
@@ -222,6 +229,7 @@ export declare function get(options: Definition): {
      *        any: 自定义边及其他数据
      */
     edgeGenerator?: (sourceNode: any, targetNode: any, currentEdge?: any) => any;
+    customTrajectory?: (props: CustomAnchorLineProps) => VNode<{}>;
 } & EditConfigInterface;
 export declare const defaults: {
     background: boolean;

package/types/type/index.d.ts

@@ -81,7 +81,9 @@ export declare type NodeConfig = {
     y: number;
     text?: TextConfig | string;
     zIndex?: number;
+    rotate?: number;
     properties?: Record<string, unknown>;
+    [key: string]: any;
 };
 export declare type NodeData = {
     id: string;
@@ -91,6 +93,7 @@ export declare type NodeData = {
     text?: TextConfig;
     properties: Record<string, unknown>;
     zIndex?: number;
+    rotate?: number;
     [key: string]: any;
 };
 export declare type NodeAttribute = {

package/types/util/index.d.ts

@@ -3,3 +3,5 @@ export * from './drag';
 export * from './edge';
 export * from './geometry';
 export * from './sampling';
+export * from './vector';
+export * from './matrix';

package/types/util/matrix.d.ts

@@ -0,0 +1,32 @@
+import { Point } from './vector';
+export declare class Matrix extends Array {
+    rows: number;
+    columns: number;
+    constructor(...vectors: any[]);
+    getRow(index: number): any;
+    getColumn(index: number): any[];
+    transpose(): Matrix;
+    cross(m1: Matrix): Matrix;
+    to2D(): any[][];
+    toPoints(): Point[];
+    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 sx;
+    private sy;
+    constructor(sx: number, sy: number);
+    inverse(): ScaleMatrix;
+}
+export declare class TranslateMatrix extends Matrix {
+    private tx;
+    private ty;
+    constructor(tx: number, ty: number);
+    inverse(): TranslateMatrix;
+}

package/types/util/vector.d.ts

@@ -0,0 +1,23 @@
+declare class Base extends Array {
+    x: number;
+    y: number;
+    z: number;
+    constructor(x: number, y: number, z: number);
+    add(v1: Vector | Point): Vector | Point;
+    subtract(v1: Vector | Point): Vector | Point;
+}
+declare class Vector extends Base {
+    constructor(x: number, y: number, z?: number);
+    toString(): string;
+    dot(v1: Vector): any;
+    cross(v1: Vector): Vector;
+    getLength(): number;
+    normalize(): Vector;
+    crossZ(v1: Vector): number;
+    angle(v1: Vector): number;
+}
+declare class Point extends Base {
+    constructor(x: number, y: number);
+    toString(): string;
+}
+export { Vector, Point };

package/types/view/Anchor.d.ts

@@ -4,6 +4,7 @@ import BaseNodeModel, { ConnectRuleResult } from '../model/node/BaseNodeModel';
 import GraphModel from '../model/GraphModel';
 import { AnchorConfig } from '../type';
 import { BaseNode } from './node';
+import { BaseEdgeModel } from '../model';
 declare type TargetNodeId = string;
 interface IProps {
     anchorData: AnchorConfig;
@@ -40,7 +41,8 @@ declare class Anchor extends Component<IProps, IState> {
     onDragEnd: ({ event }: {
         event: any;
     }) => void;
-    checkEnd: (event: any) => void;
+    get customTrajectory(): (props: import("..").CustomAnchorLineProps) => import("preact").VNode<{}>;
+    checkEnd: (event: MouseEvent) => BaseEdgeModel | null;
     moveAnchorEnd(endX: number, endY: number): void;
     isShowLine(): boolean;
     render(): h.JSX.Element;

package/types/view/Rotate.d.ts

@@ -0,0 +1,21 @@
+import { Component, h } from 'preact';
+import { GraphModel, BaseNodeModel } from '../model';
+import { Vector } from '../util';
+import EventEmitter from '../event/eventEmitter';
+import { CommonTheme } from '../constant/DefaultTheme';
+interface IProps {
+    graphModel: GraphModel;
+    nodeModel: BaseNodeModel;
+    eventCenter: EventEmitter;
+    style: CommonTheme;
+}
+declare class RotateControlPoint extends Component<IProps> {
+    private style;
+    private defaultAngle;
+    normal: Vector;
+    stepperDrag: any;
+    constructor(props: IProps);
+    onDragging: ({ event }: any) => void;
+    render(): h.JSX.Element;
+}
+export default RotateControlPoint;

package/types/view/node/BaseNode.d.ts

@@ -24,6 +24,7 @@ export default abstract class BaseNode extends Component<IProps, IState> {
     abstract getShape(): any;
     getAnchorShape(anchorData: any): h.JSX.Element;
     getAnchors(): h.JSX.Element[];
+    getRotateControl(): h.JSX.Element;
     getText(): "" | h.JSX.Element;
     getStateClassName(): string;
     onDragStart: ({ event: { clientX, clientY } }: {