@logicflow/core 1.2.15 → 1.2.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "1.2.15",
+  "version": "1.2.17",
   "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层。
      * 例如鼠标绘制选区后，获取选区内的所有元素。
@@ -397,12 +397,6 @@ export default class LogicFlow {
      */
     getPointByClient(x: number, y: number): {
         domOverlayPosition: {
-            /**
-             * 将图形选中
-             * @param id 选择元素ID
-             * @param multiple 是否允许多选，如果为true，不会将上一个选中的元素重置
-             * @param toFront 是否将选中的元素置顶，默认为true
-             */
             x: number;
             y: number;
         };

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",

package/types/model/GraphModel.d.ts

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

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

@@ -53,8 +53,10 @@ export default class BaseNodeModel implements IBaseNodeModel {
     state: number;
     autoToFront: boolean;
     style: ShapeStyleAttribute;
-    gMatrix: string;
-    rotate: number;
+    transform: string;
+    private _rotate;
+    set rotate(value: number);
+    get rotate(): number;
     readonly BaseType = ElementType.NODE;
     modelType: ModelType;
     additionStateData: AdditionData;

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

@@ -83,6 +83,7 @@ export declare type NodeConfig = {
     zIndex?: number;
     rotate?: number;
     properties?: Record<string, unknown>;
+    [key: string]: any;
 };
 export declare type NodeData = {
     id: string;

package/types/util/drag.d.ts

@@ -36,6 +36,7 @@ declare class StepDrag {
         data?: any;
     });
     setStep(step: number): void;
+    setModel(model: IBaseModel): void;
     handleMouseDown: (e: MouseEvent) => void;
     handleMouseMove: (e: MouseEvent) => void;
     handleMouseUp: (e: MouseEvent) => void;

package/types/util/mobx.d.ts

@@ -1,2 +1,2 @@
-import { action, observable, computed, toJS, isObservable, configure } from 'mobx';
-export { action, observable, computed, isObservable, toJS, configure, };
+import { action, observable, computed, toJS, isObservable, configure, reaction, IReactionDisposer } from 'mobx';
+export { action, observable, computed, isObservable, toJS, configure, reaction, IReactionDisposer, };

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/node/BaseNode.d.ts

@@ -2,6 +2,7 @@ import { h, Component } from 'preact';
 import GraphModel from '../../model/GraphModel';
 import BaseNodeModel from '../../model/node/BaseNodeModel';
 import { StepDrag } from '../../util/drag';
+import { IReactionDisposer } from '../../util/mobx';
 declare type IProps = {
     model: BaseNodeModel;
     graphModel: GraphModel;
@@ -20,7 +21,9 @@ export default abstract class BaseNode extends Component<IProps, IState> {
     contextMenuTime: number;
     startTime: number;
     clickTimer: number;
+    modelDisposer: IReactionDisposer;
     constructor(props: any);
+    componentWillUnmount(): void;
     abstract getShape(): any;
     getAnchorShape(anchorData: any): h.JSX.Element;
     getAnchors(): h.JSX.Element[];