@logicflow/core 1.1.4 → 1.1.5

package/dist/style/index.css

@@ -18,10 +18,21 @@
 .lf-anchor:hover .lf-node-anchor-hover {
   visibility: visible;
 }
+.lf-edge.pointer-none {
+  pointer-events: none;
+}
 .lf-edge-append {
   cursor: pointer;
 }
-
+.lf-edge-animation {
+  stroke-dashoffset: 100%;
+  animation: dash 5s linear infinite;
+}
+@keyframes dash {
+  to {
+    stroke-dashoffset: 0;
+  }
+}
 /* node */
 .lf-node-not-allow {
   cursor: not-allowed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "LogicFlow core, to quickly build flowchart editor",
   "main": "dist/logic-flow.js",
   "unpkg": "dist/logic-flow.js",

package/types/constant/DefaultAnimation.d.ts

@@ -0,0 +1,12 @@
+export declare type AnimationConfig = {
+    edge: boolean;
+    node: boolean;
+};
+export declare type Animation = {
+    stroke: string;
+    strokeDasharray: string;
+    className: string;
+};
+export declare const defaultAnimationCloseConfig: AnimationConfig;
+export declare const defaultAnimationOpenConfig: AnimationConfig;
+export declare const defaultAnimationData: Animation;

package/types/constant/constant.d.ts

@@ -56,6 +56,8 @@ export declare enum EventType {
     EDGE_CONTEXTMENU = "edge:contextmenu",
     EDGE_ADJUST = "edge:adjust",
     EDGE_EXCHANGE_NODE = "edge:exchange-node",
+    ANCHOR_DRAGSTART = "anchor:dragstart",
+    ANCHOR_DROP = "anchor:drop",
     BLANK_MOUSEDOWN = "blank:mousedown",
     BLANK_DRAGSTART = "blank:dragstart",
     BLANK_DRAG = "blank:drag",

package/types/model/GraphModel.d.ts

@@ -7,6 +7,7 @@ import { AdditionData, Point, NodeConfig, EdgeConfig, PointTuple, NodeMoveRule,
 import EventEmitter from '../event/eventEmitter';
 import { Theme } from '../constant/DefaultTheme';
 import { Definition } from '../options';
+import { AnimationConfig } from '../constant/DefaultAnimation';
 declare type BaseNodeModelId = string;
 declare type ElementModeId = string;
 declare class GraphModel {
@@ -43,6 +44,10 @@ declare class GraphModel {
      * 用于在默认模式下将之前的顶部元素恢复初始高度。
      */
     topElement: BaseNodeModel | BaseEdgeModel;
+    /**
+     * 控制是否开启动画
+     */
+    animation: AnimationConfig;
     /**
      * 自定义全局id生成器
      * @see todo docs link

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

@@ -35,6 +35,7 @@ declare class BaseEdgeModel implements IBaseModel {
     targetAnchorId: string;
     menu?: MenuConfig[];
     customTextPosition: boolean;
+    animationData: import("../../constant/DefaultAnimation").Animation;
     [propName: string]: any;
     constructor(data: EdgeConfig, graphModel: GraphModel);
     /**
@@ -66,6 +67,12 @@ declare class BaseEdgeModel implements IBaseModel {
      * 获取当前节点文本样式
      */
     getTextStyle(): import("../../constant/DefaultTheme").EdgeTextTheme;
+    /**
+     * @overridable 支持重写
+     * 获取当前边的动画样式
+     * @returns 自定义边动画样式
+     */
+    getAnimation(): import("../../constant/DefaultAnimation").Animation;
     /**
      * @overridable 支持重写
      * 获取outline样式，重写可以定义此类型边outline样式， 默认使用主题样式
@@ -119,7 +126,7 @@ declare class BaseEdgeModel implements IBaseModel {
      */
     updateText(value: string): void;
     /**
-     * 内部方法，计算边的起点和终点
+     * 内部方法，计算边的起点和终点和其对于的锚点Id
      */
     setAnchors(): void;
     setSelected(flag?: boolean): void;

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

@@ -171,6 +171,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
      */
     getBounds(): Bounds;
     get anchors(): PointAnchor[];
+    getAnchorInfo(anchorId: string): PointAnchor;
     addNodeMoveRules(fn: NodeMoveRule): void;
     move(deltaX: any, deltaY: any, isignoreRule?: boolean): boolean;
     moveTo(x: any, y: any, isignoreRule?: boolean): boolean;

package/types/options.d.ts

@@ -4,6 +4,7 @@ import { NodeData, EdgeData, Extension, GraphConfigData } from './type';
 import { KeyboardDef } from './keyboard';
 import { EditConfigInterface } from './model/EditConfigModel';
 import { Theme } from './constant/DefaultTheme';
+import { AnimationConfig } from './constant/DefaultAnimation';
 export declare type EdgeType = 'line' | 'polyline' | 'bezier' | any;
 declare type DefaultOverlapMode = 0;
 declare type IncreaseOverlapMode = 1;
@@ -89,6 +90,13 @@ export declare type Definition = {
      * 是否配置个性插件，覆盖全局配置的插件
      */
     plugins?: Extension[];
+    /**
+     * 控制是否开启动画
+     * false: 关闭所有动画
+     * true: 开启所有动画
+     * AnimationConfig: 配置部分动画开启
+     */
+    animation?: boolean | Partial<AnimationConfig>;
     [key: string]: any;
 } & EditConfigInterface;
 export interface GuardsTypes {
@@ -177,6 +185,13 @@ export declare function get(options: Definition): {
      * 是否配置个性插件，覆盖全局配置的插件
      */
     plugins?: Extension[];
+    /**
+     * 控制是否开启动画
+     * false: 关闭所有动画
+     * true: 开启所有动画
+     * AnimationConfig: 配置部分动画开启
+     */
+    animation?: boolean | Partial<AnimationConfig>;
 } & EditConfigInterface;
 export declare const defaults: {
     background: boolean;

package/types/type/index.d.ts

@@ -26,6 +26,7 @@ import * as Options from '../options';
 import { CommonTheme, EdgeTextTheme } from '../constant/DefaultTheme';
 export declare type PointTuple = [number, number];
 export declare type Point = {
+    id?: string;
     x: number;
     y: number;
     [key: string]: unknown;

package/types/util/animation.d.ts

@@ -0,0 +1,2 @@
+import { AnimationConfig } from '../constant/DefaultAnimation';
+export declare const updateAnimation: (config: boolean | Partial<AnimationConfig>) => AnimationConfig;

package/types/view/Anchor.d.ts

@@ -1,4 +1,5 @@
 import { h, Component } from 'preact';
+import { StepDrag } from '../util/drag';
 import BaseNodeModel, { ConnectRuleResult } from '../model/node/BaseNodeModel';
 import GraphModel from '../model/GraphModel';
 import { AnchorConfig } from '../type';
@@ -23,16 +24,19 @@ interface IState {
 }
 declare class Anchor extends Component<IProps, IState> {
     preTargetNode: BaseNodeModel;
-    dragHandler: Function;
     sourceRuleResults: Map<TargetNodeId, ConnectRuleResult>;
     targetRuleResults: Map<TargetNodeId, ConnectRuleResult>;
-    constructor();
-    onDragStart: () => void;
-    onDraging: ({ deltaX, deltaY }: {
+    dragHandler: StepDrag;
+    constructor(props: any);
+    onDragStart: ({ event }: {
+        event: any;
+    }) => void;
+    onDraging: ({ deltaX, deltaY, event }: {
         deltaX: any;
         deltaY: any;
+        event: any;
     }) => void;
-    onDragEnd: () => void;
+    onDragEnd: (event: any) => void;
     checkEnd: () => void;
     isShowLine(): boolean;
     render(): h.JSX.Element;

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

@@ -27,6 +27,9 @@ declare enum AdjustType {
 export default class AdjustPoint extends Component<IProps, IState> {
     dragHandler: Function;
     oldEdge: OldEdge;
+    preTargetNode: any;
+    targetRuleResults: Map<any, any>;
+    sourceRuleResults: Map<any, any>;
     constructor();
     onDragStart: () => void;
     onDraging: ({ deltaX, deltaY }: {
@@ -36,6 +39,7 @@ export default class AdjustPoint extends Component<IProps, IState> {
     onDragEnd: () => void;
     recoveryEdge: () => void;
     getAdjustPointStyle: () => import("../../constant/DefaultTheme").CircleTheme;
+    isAllowAdjust(info: any): any;
     render(): h.JSX.Element;
 }
 export {};

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

@@ -18,6 +18,7 @@ export default class BaseEdge extends Component<IProps> {
     getArrowStyle(): ArrowStyle;
     getArrow(): h.JSX.Element;
     getAdjustPoints(): h.JSX.Element;
+    getAnimation(): void;
     getAppendWidth(): h.JSX.Element;
     getAppend(): h.JSX.Element;
     handleHover: (hovered: any, ev: any) => void;

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

@@ -4,6 +4,7 @@ import { ArrowInfo } from '../../type/index';
 export default class BezierEdge extends BaseEdge {
     getEdge(): h.JSX.Element;
     getShape(): h.JSX.Element;
+    getAnimation(): h.JSX.Element;
     getAppendWidth(): h.JSX.Element;
     getArrowInfo(): ArrowInfo;
 }

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

@@ -3,5 +3,6 @@ import BaseEdge from './BaseEdge';
 export default class LineEdge extends BaseEdge {
     getEdge(): h.JSX.Element;
     getShape(): h.JSX.Element;
+    getAnimation(): h.JSX.Element;
     getAppendWidth(): h.JSX.Element;
 }

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

@@ -24,6 +24,7 @@ export default class PolylineEdge extends BaseEdge {
     getIsDraging: () => boolean;
     getEdge(): h.JSX.Element;
     getShape(): h.JSX.Element;
+    getAnimation(): h.JSX.Element;
     getArrowInfo(): ArrowInfo;
     getAppendAttributes(appendInfo: AppendInfo): AppendAttributesType;
     getAppendShape(appendInfo: AppendInfo): h.JSX.Element;