@logicflow/core 1.1.20 → 1.2.0-alpha.10

package/types/options.d.ts

@@ -60,6 +60,13 @@ export declare type Definition = {
      * 是否开启历史记录功能，默认开启
      */
     history?: boolean;
+    /**
+     * 节点、连线的属性的变化是否会记录到history中，默认是。
+     * 例如：节点的一个属性为active, 在自定义节点时这个属性为true节点高亮。
+     * 那么在isPropertiesChangeHistory为true的情况下，将节点active设置为true
+     * 会在历史记录中多一个active为false的快照。
+     */
+    isPropertiesChangeHistory?: boolean;
     /**
      * 是否开启局部渲染，默认不开启
      */
@@ -107,6 +114,7 @@ export declare function get(options: Definition): {
     background: boolean;
     grid: boolean;
     textEdit: boolean;
+    isPropertiesChangeHistory: boolean;
     disabledTools: any[];
 } & {
     [key: string]: any;
@@ -155,6 +163,13 @@ export declare function get(options: Definition): {
      * 是否开启历史记录功能，默认开启
      */
     history?: boolean;
+    /**
+     * 节点、连线的属性的变化是否会记录到history中，默认是。
+     * 例如：节点的一个属性为active, 在自定义节点时这个属性为true节点高亮。
+     * 那么在isPropertiesChangeHistory为true的情况下，将节点active设置为true
+     * 会在历史记录中多一个active为false的快照。
+     */
+    isPropertiesChangeHistory?: boolean;
     /**
      * 是否开启局部渲染，默认不开启
      */
@@ -197,6 +212,7 @@ export declare const defaults: {
     background: boolean;
     grid: boolean;
     textEdit: boolean;
+    isPropertiesChangeHistory: boolean;
     disabledTools: any[];
 };
 export {};

package/types/tool/MultipleSelectTool.d.ts

@@ -10,7 +10,7 @@ export default class MultipleSelect extends Component<IProps> {
     stepDrag: any;
     constructor(props: any);
     handleMouseDown: (ev: MouseEvent) => void;
-    onDraging: ({ deltaX, deltaY }: {
+    onDragging: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;
     }) => void;

package/types/util/drag.d.ts

@@ -1,21 +1,21 @@
 import EventEmitter from '../event/eventEmitter';
 import BaseEdgeModel from '../model/edge/BaseEdgeModel';
 import BaseNodeModel from '../model/node/BaseNodeModel';
-declare function createDrag({ onDragStart, onDraging, onDragEnd, step, isStopPropagation, }: {
+declare function createDrag({ onDragStart, onDragging, onDragEnd, step, isStopPropagation, }: {
     onDragStart?: (...args: any[]) => void;
-    onDraging?: (...args: any[]) => void;
+    onDragging?: (...args: any[]) => void;
     onDragEnd?: (...args: any[]) => void;
     step?: number;
     isStopPropagation?: boolean;
 }): (e: MouseEvent) => void;
 declare class StepDrag {
     onDragStart: Function;
-    onDraging: Function;
+    onDragging: Function;
     onDragEnd: Function;
     step: number;
     isStopPropagation: boolean;
-    isDraging: boolean;
-    isStartDraging: boolean;
+    isDragging: boolean;
+    isStartDragging: boolean;
     startX: number;
     startY: number;
     sumDeltaX: number;
@@ -24,10 +24,9 @@ declare class StepDrag {
     eventCenter: EventEmitter | null;
     model?: BaseNodeModel | BaseEdgeModel;
     startTime?: number;
-    isGrag: boolean;
-    constructor({ onDragStart, onDraging, onDragEnd, eventType, eventCenter, step, isStopPropagation, model, }: {
+    constructor({ onDragStart, onDragging, onDragEnd, eventType, eventCenter, step, isStopPropagation, model, }: {
         onDragStart?: (...args: any[]) => void;
-        onDraging?: (...args: any[]) => void;
+        onDragging?: (...args: any[]) => void;
         onDragEnd?: (...args: any[]) => void;
         eventType?: string;
         eventCenter?: any;

package/types/util/edge.d.ts

@@ -26,8 +26,11 @@ 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;
-export declare const pointDirection: (point: PolyPoint, bbox: PBBox) => Direction;
-export declare const getExpandedBBoxPoint: (bbox: PBBox, point: PolyPoint) => PolyPoint;
+/**
+ * 判断点与中心点边的方向：是否水平，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 mergeBBox: (b1: PBBox, b2: PBBox) => PBBox;
 export declare const getBBoxOfPoints: (points?: PolyPoint[], offset?: number) => PBBox;
 export declare const getPointsFromBBox: (bbox: PBBox) => PolyPoint[];
@@ -46,6 +49,14 @@ 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

@@ -35,7 +35,7 @@ export declare const getCrossPointWithCircle: (point: Point, direction: Directio
 export declare const pointEdgeDirection: (point: Point, node: BaseNode) => Direction;
 export declare const inStraightLineOfRect: (point: Point, node: BaseNode) => boolean;
 export declare const getCrossPointWithEllipse: (point: Point, direction: Direction, node: BaseNode) => any;
-export declare const getCrossPointWithPolyone: (point: Point, direction: Direction, node: BaseNode) => Point;
+export declare const getCrossPointWithPolygon: (point: Point, direction: Direction, node: BaseNode) => Point;
 export declare const pickNodeConfig: (data: any) => NodeConfig;
 /**
  * 基于节点的边，重新获取新的节点

package/types/view/Anchor.d.ts

@@ -21,7 +21,7 @@ interface IState {
     startY: number;
     endX: number;
     endY: number;
-    draging: boolean;
+    dragging: boolean;
 }
 declare class Anchor extends Component<IProps, IState> {
     preTargetNode: BaseNodeModel;
@@ -34,7 +34,7 @@ declare class Anchor extends Component<IProps, IState> {
     onDragStart: ({ event }: {
         event: any;
     }) => void;
-    onDraging: ({ event }: {
+    onDragging: ({ event }: {
         event: any;
     }) => void;
     onDragEnd: (event: any) => void;

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

@@ -32,7 +32,7 @@ export default class AdjustPoint extends Component<IProps, IState> {
     sourceRuleResults: Map<any, any>;
     constructor();
     onDragStart: () => void;
-    onDraging: ({ deltaX, deltaY }: {
+    onDragging: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;
     }) => void;

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

@@ -10,12 +10,12 @@ declare type AppendAttributesType = {
 };
 export default class PolylineEdge extends BaseEdge {
     drag: any;
-    isDraging: boolean;
+    isDragging: boolean;
     appendInfo: AppendInfo;
     dragHandler: (ev: MouseEvent) => void;
     constructor();
     onDragStart: () => void;
-    onDraging: ({ deltaX, deltaY }: {
+    onDragging: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;
     }) => void;

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

@@ -6,11 +6,11 @@ declare type IProps = {
     model: BaseNodeModel;
     graphModel: GraphModel;
 };
-declare type Istate = {
+declare type IState = {
     isHovered: boolean;
-    isDraging?: boolean;
+    isDragging?: boolean;
 };
-export default abstract class BaseNode extends Component<IProps, Istate> {
+export default abstract class BaseNode extends Component<IProps, IState> {
     t: any;
     moveOffset: {
         x: number;
@@ -33,7 +33,7 @@ export default abstract class BaseNode extends Component<IProps, Istate> {
             clientY: any;
         };
     }) => void;
-    onDraging: ({ event }: {
+    onDragging: ({ event }: {
         event: any;
     }) => void;
     onDragEnd: () => void;

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

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

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

@@ -1,6 +1,6 @@
 import { h } from 'preact';
 import BaseNode from './BaseNode';
 export default class TextNode extends BaseNode {
-    getBackgroud(): h.JSX.Element;
+    getBackground(): h.JSX.Element;
     getShape(): h.JSX.Element;
 }

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

@@ -6,15 +6,20 @@ declare type IProps = {
     graphModel: GraphModel;
     dnd: Dnd;
 };
-declare type Istate = {
-    isDraging: boolean;
+declare type IState = {
+    isDragging: boolean;
 };
-declare class CanvasOverlay extends Component<IProps, Istate> {
+declare class CanvasOverlay extends Component<IProps, IState> {
     stepDrag: StepDrag;
     stepScrollX: number;
     stepScrollY: number;
+    ref: HTMLElement;
     constructor(props: IProps);
-    onDraging: ({ deltaX, deltaY }: {
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    setRef: (dom: any) => void;
+    get rootEl(): HTMLElement;
+    onDragging: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;
     }) => void;

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

@@ -9,7 +9,7 @@ declare type IProps = {
     editable: boolean;
 };
 declare type IState = {
-    isHoverd: boolean;
+    isHovered: boolean;
 };
 export default class BaseText extends Component<IProps, IState> {
     dragHandler: (ev: MouseEvent) => void;
@@ -18,10 +18,11 @@ export default class BaseText extends Component<IProps, IState> {
     stepDrag: StepDrag;
     constructor(config: any);
     getShape(): h.JSX.Element;
-    onDraging: ({ deltaX, deltaY }: {
+    onDragging: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;
     }) => void;
+    onDragEnd: (e: any) => void;
     dblClickHandler: () => void;
     mouseDownHandle: (ev: MouseEvent) => void;
     render(): h.JSX.Element;

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

@@ -2,7 +2,7 @@ import { h } from 'preact';
 import BaseText from './BaseText';
 export default class LineText extends BaseText {
     constructor(config: any);
-    getBackgroud(): h.JSX.Element;
+    getBackground(): h.JSX.Element;
     setHoverON: () => void;
     setHoverOFF: () => void;
     getShape(): h.JSX.Element;

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

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

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

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