@logicflow/core 1.2.0-next.1 → 1.2.0-next.3

package/types/type/index.d.ts

@@ -31,9 +31,6 @@ export declare type Point = {
     y: number;
     [key: string]: unknown;
 };
-export declare type Vector2 = [number, number];
-export declare type DirectionVectorNumber = 0 | 1 | -1;
-export declare type DirectionVector2 = [DirectionVectorNumber, DirectionVectorNumber];
 /**
  * 锚点坐标
  * 为了方便计算
@@ -55,6 +52,10 @@ export declare type PointAnchor = {
     [key: string]: unknown;
 };
 export declare type AnchorsOffsetItem = PointTuple | PointAnchor;
+export declare type AnchorInfo = {
+    index: number;
+    anchor: Point;
+};
 export declare type Size = {
     width: number;
     height: number;
@@ -250,7 +251,7 @@ export declare type GraphTransform = {
     transform: string;
     transformOrigin: string;
 };
-export declare type EventArgs = Record<string, number | object | string>;
+export declare type EventArgs = Record<string, number | object | string | boolean>;
 export declare type FocusOnArgs = {
     id?: string;
     coordinate?: {
@@ -261,7 +262,7 @@ export declare type FocusOnArgs = {
 export declare type ComponentRender = (lf: LogicFlow, container: HTMLElement) => void;
 export interface Extension {
     pluginName: string;
-    install?: (lf: LogicFlow, LogicFlow: LogicFlowContractor) => void;
+    install?: (lf: LogicFlow, LogicFlow: LogicFlowConstructor) => void;
     render?: ComponentRender;
     destroy?: () => void;
     [props: string]: any;
@@ -287,15 +288,17 @@ export declare type IEdgeState = {
 export interface ModelContractor {
     new (data: any, graphModel: any): unknown;
 }
-export interface LogicFlowContractor {
+export interface LogicFlowConstructor {
     new (option: Options.Definition): LogicFlow;
 }
-export interface ExtensionContractor {
+export declare type ExtensionOptions = {
+    lf: LogicFlow;
+    LogicFlow: LogicFlowConstructor;
+    options: Record<string, any>;
+};
+export interface ExtensionConstructor {
     pluginName: string;
-    new ({ lf: LogicFlow, LogicFlow: LogicFlowContractor, }: {
-        lf: any;
-        LogicFlow: any;
-    }): any;
+    new (ExtensionOptions: ExtensionOptions): Extension;
     render?: Function;
 }
 export declare type RegisterBack = {

package/types/util/drag.d.ts

@@ -23,8 +23,9 @@ declare class StepDrag {
     eventType: string;
     eventCenter: EventEmitter | null;
     model?: BaseNodeModel | BaseEdgeModel;
+    data?: object;
     startTime?: number;
-    constructor({ onDragStart, onDragging, onDragEnd, eventType, eventCenter, step, isStopPropagation, model, }: {
+    constructor({ onDragStart, onDragging, onDragEnd, eventType, eventCenter, step, isStopPropagation, model, data, }: {
         onDragStart?: (...args: any[]) => void;
         onDragging?: (...args: any[]) => void;
         onDragEnd?: (...args: any[]) => void;
@@ -33,6 +34,7 @@ declare class StepDrag {
         step?: number;
         isStopPropagation?: boolean;
         model?: any;
+        data?: any;
     });
     setStep(step: number): void;
     handleMouseDown: (e: MouseEvent) => void;

package/types/util/edge.d.ts

@@ -26,11 +26,8 @@ export declare const isBboxOverLapping: (b1: PBBox, b2: PBBox) => boolean;
 export declare const filterRepeatPoints: (points: PolyPoint[]) => PolyPoint[];
 export declare const getSimplePolyline: (sPoint: PolyPoint, tPoint: PolyPoint) => PolyPoint[];
 export declare const getExpandedBBox: (bbox: PBBox, offset: number) => PBBox;
-/**
- * 判断点与中心点边的方向：是否水平，true水平，false垂直
- */
-export declare const pointDirection: (point: PolyPoint, node: BaseNode) => Direction;
-export declare const getExpandedBBoxPoint: (bbox: PBBox, point: PolyPoint, direction: any) => PolyPoint;
+export declare const pointDirection: (point: PolyPoint, bbox: PBBox) => Direction;
+export declare const getExpandedBBoxPoint: (bbox: PBBox, point: PolyPoint) => PolyPoint;
 export declare const mergeBBox: (b1: PBBox, b2: PBBox) => PBBox;
 export declare const getBBoxOfPoints: (points?: PolyPoint[], offset?: number) => PBBox;
 export declare const getPointsFromBBox: (bbox: PBBox) => PolyPoint[];
@@ -49,14 +46,6 @@ export declare const getNextNeighborPoints: (points: PolyPoint[], point: PolyPoi
 export declare const pathFinder: (points: PolyPoint[], start: PolyPoint, goal: PolyPoint, sBBox: PBBox, tBBox: PBBox, os: PolyPoint, ot: PolyPoint) => PolyPoint[];
 export declare const getBoxByOriginNode: (node: BaseNode) => PBBox;
 export declare const pointFilter: (points: PolyPoint[]) => PolyPoint[];
-/**
- * 计算折线点
- * @param start 连线的开始点坐标
- * @param end 连线的结束点坐标
- * @param sNode 连线连接的开始节点
- * @param tNode 连线连接的结束节点
- * @param offset 连线箭头距离
- */
 export declare const getPolylinePoints: (start: PolyPoint, end: PolyPoint, sNode: BaseNode, tNode: BaseNode, offset: number) => PolyPoint[];
 /**
  * 获取折线中最长的一个线

package/types/util/node.d.ts

@@ -1,5 +1,5 @@
 import BaseNode from '../model/node/BaseNodeModel';
-import { Point, Direction, NodeConfig, AnchorConfig } from '../type';
+import { Point, Direction, NodeConfig, AnchorConfig, AnchorInfo } from '../type';
 import { GraphModel } from '..';
 export declare const getAnchors: (data: any) => Point[];
 declare type NodeContaint = {
@@ -8,6 +8,7 @@ declare type NodeContaint = {
     anchor: AnchorConfig;
 };
 export declare const targetNodeInfo: (position: Point, graphModel: GraphModel) => NodeContaint;
+export declare const getClosestAnchor: (position: Point, node: BaseNode) => AnchorInfo;
 export declare const distance: (x1: number, y1: number, x2: number, y2: number) => number;
 export declare const isInNode: (position: Point, node: BaseNode) => boolean;
 export declare const isInNodeBbox: (position: Point, node: any) => boolean;

package/types/view/Anchor.d.ts

@@ -37,7 +37,9 @@ declare class Anchor extends Component<IProps, IState> {
     onDragging: ({ event }: {
         event: any;
     }) => void;
-    onDragEnd: (event: any) => void;
+    onDragEnd: ({ event }: {
+        event: any;
+    }) => void;
     checkEnd: (event: any) => void;
     moveAnchorEnd(endX: number, endY: number): void;
     isShowLine(): boolean;

package/types/view/basic-shape/LinearGradient.d.ts

@@ -0,0 +1 @@
+export default function Rect(props: any): void;

package/types/view/behavior/Transform.d.ts

@@ -0,0 +1,4 @@
+import { h, Component } from 'preact';
+export default class TransformGraph extends Component {
+    render(): h.JSX.Element;
+}

package/types/view/edge/AdjustPoint.d.ts

@@ -1,6 +1,7 @@
 import { h, Component } from 'preact';
 import { BaseEdgeModel } from '../../model/edge';
 import GraphModel from '../../model/GraphModel';
+import { StepDrag } from '../../util/drag';
 import { Point } from '../../type';
 interface IProps {
     x: number;
@@ -11,7 +12,7 @@ interface IProps {
     edgeModel: BaseEdgeModel;
 }
 interface IState {
-    draging: boolean;
+    dragging: boolean;
     endX: number;
     endY: number;
 }
@@ -25,18 +26,22 @@ declare enum AdjustType {
     TARGET = "TARGET"
 }
 export default class AdjustPoint extends Component<IProps, IState> {
-    dragHandler: Function;
+    stepDragData: any;
+    stepDrag: StepDrag;
     oldEdge: OldEdge;
     preTargetNode: any;
     targetRuleResults: Map<any, any>;
     sourceRuleResults: Map<any, any>;
-    constructor();
+    constructor(props: any);
+    handleMouseDown: (ev: MouseEvent) => void;
     onDragStart: () => void;
     onDragging: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;
     }) => void;
-    onDragEnd: () => void;
+    onDragEnd: ({ event }: {
+        event: any;
+    }) => void;
     recoveryEdge: () => void;
     getAdjustPointStyle: () => import("../../constant/DefaultTheme").CircleTheme;
     isAllowAdjust(info: any): any;

package/types/view/edge/BaseEdge.d.ts

@@ -11,18 +11,15 @@ export default class BaseEdge extends Component<IProps> {
     startTime: number;
     contextMenuTime: number;
     clickTimer: number;
+    textRef: import("preact").RefObject<any>;
     getShape(): void;
-    /**
-     * 支持重写此方法来实现在连线上定义额外内容。
-     */
-    getExtraShape(): void;
     getTextStyle(): void;
     getText(): "" | h.JSX.Element;
     getArrowInfo(): ArrowInfo;
     getArrowStyle(): ArrowStyle;
-    getArrow(): h.JSX.Element;
-    getStartArrow(): h.JSX.Element;
-    getEndArrow(): h.JSX.Element;
+    getArrow(): h.JSX.Element | null;
+    getStartArrow(): h.JSX.Element | null;
+    getEndArrow(): h.JSX.Element | null;
     getAdjustPoints(): h.JSX.Element;
     getAnimation(): void;
     getAppendWidth(): h.JSX.Element;

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

@@ -7,7 +7,6 @@ declare type IProps = {
     graphModel: GraphModel;
 };
 declare type IState = {
-    isHovered: boolean;
     isDragging?: boolean;
 };
 export default abstract class BaseNode extends Component<IProps, IState> {

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

@@ -7,7 +7,7 @@ export default class HtmlNode extends BaseNode {
     setRef: (dom: any) => void;
     get rootEl(): HTMLElement;
     /**
-     * @override 支持重写
+     * @overridable 支持重写
      * 自定义HTML节点内容
      * @param {HTMLElement} rootEl 自定义HTML节点内容可以挂载的dom节点
      * @example
@@ -20,7 +20,7 @@ export default class HtmlNode extends BaseNode {
      */
     setHtml(rootEl: HTMLElement): void;
     /**
-     * @override 支持重写
+     * @overridable 支持重写
      * 和react的shouldComponentUpdate类似，都是为了避免出发不必要的render.
      * 但是这里不一样的地方在于，setHtml方法，我们只在properties发生变化了后再触发。
      * 而x,y等这些坐标相关的方法发生了变化，不会再重新触发setHtml.

package/types/view/overlay/CanvasOverlay.d.ts

@@ -13,12 +13,7 @@ declare class CanvasOverlay extends Component<IProps, IState> {
     stepDrag: StepDrag;
     stepScrollX: number;
     stepScrollY: number;
-    ref: HTMLElement;
     constructor(props: IProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    setRef: (dom: any) => void;
-    get rootEl(): HTMLElement;
     onDragging: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;

package/types/view/text/BaseText.d.ts

@@ -22,7 +22,6 @@ export default class BaseText extends Component<IProps, IState> {
         deltaX: any;
         deltaY: any;
     }) => void;
-    onDragEnd: (e: any) => void;
     dblClickHandler: () => void;
     mouseDownHandle: (ev: MouseEvent) => void;
     render(): h.JSX.Element;