@logicflow/core 1.1.7 → 1.1.8-alpha.0

package/package.json

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

package/types/LogicFlow.d.ts

@@ -439,6 +439,15 @@ export default class LogicFlow {
      * 还原图形为初始位置
      */
     resetTranslate(): void;
+    /**
+     * 图形画布居中显示
+     */
+    translateCenter(): void;
+    /**
+     * 图形适应屏幕大小
+     * @param offset number 距离盒子四周的距离， 默认为20
+     */
+    fitView(offset: number): void;
     /**
      * 监听事件
      * 事件详情见 @see todo

package/types/constant/constant.d.ts

@@ -57,6 +57,7 @@ export declare enum EventType {
     EDGE_ADJUST = "edge:adjust",
     EDGE_EXCHANGE_NODE = "edge:exchange-node",
     ANCHOR_DRAGSTART = "anchor:dragstart",
+    ANCHOR_DRAG = "anchor:drag",
     ANCHOR_DROP = "anchor:drop",
     BLANK_MOUSEDOWN = "blank:mousedown",
     BLANK_DRAGSTART = "blank:dragstart",

package/types/model/GraphModel.d.ts

@@ -3,7 +3,7 @@ import BaseEdgeModel from './edge/BaseEdgeModel';
 import EditConfigModel from './EditConfigModel';
 import TransfromModel from './TransformModel';
 import { OverlapMode } from '../constant/constant';
-import { AdditionData, Point, NodeConfig, EdgeConfig, PointTuple, NodeMoveRule, GraphConfigData } from '../type';
+import { AdditionData, Point, NodeConfig, EdgeConfig, PointTuple, NodeMoveRule, GraphConfigData, VirtualRectSize } from '../type';
 import EventEmitter from '../event/eventEmitter';
 import { Theme } from '../constant/DefaultTheme';
 import { Definition } from '../options';
@@ -106,6 +106,7 @@ declare class GraphModel {
      * 外部拖动节点进入画布的过程中，用fakerNode来和画布上正是的节点区分开
      */
     fakerNode: BaseNodeModel;
+    [key: string]: any;
     constructor(options: Definition);
     get nodesMap(): {
         [key: string]: {
@@ -415,6 +416,20 @@ declare class GraphModel {
      * 清空画布
      */
     clearData(): void;
+    /**
+     * 获取图形区域虚拟矩型的尺寸和中心坐标
+     * @returns
+     */
+    getVirtualRectSize(): VirtualRectSize;
+    /**
+     * 将图形整体移动到画布中心
+     */
+    translateCenter(): void;
+    /**
+     * 画布图形适应屏幕大小
+     * @param offset number 距离盒子四周的距离， 默认为20
+     */
+    fitView(offset?: number): void;
 }
 export { GraphModel };
 export default GraphModel;

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

@@ -103,6 +103,12 @@ declare class BaseEdgeModel implements IBaseModel {
      * 获取被保存时返回的数据
      */
     getData(): EdgeData;
+    /**
+     * 用于在历史记录时获取节点数据，
+     * 在某些情况下，如果希望某个属性变化不引起history的变化，
+     * 可以重写此方法。
+     */
+    getHistoryData(): EdgeData;
     setProperty(key: any, val: any): void;
     setProperties(properties: any): void;
     /**

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

@@ -59,6 +59,9 @@ export default class BaseNodeModel implements IBaseNodeModel {
     hasSetSourceRules: boolean;
     [propName: string]: any;
     constructor(data: NodeConfig, graphModel: GraphModel);
+    /**
+     * 获取进入当前节点的边和节点
+     */
     get incoming(): {
         nodes: BaseNodeModel[];
         edges: BaseEdgeModel[];
@@ -102,6 +105,12 @@ export default class BaseNodeModel implements IBaseNodeModel {
      * @overridable 支持重写
      */
     getData(): NodeData;
+    /**
+     * 用于在历史记录时获取节点数据，
+     * 在某些情况下，如果希望某个属性变化不引起history的变化，
+     * 可以重写此方法。
+     */
+    getHistoryData(): NodeData;
     /**
      * 获取当前节点的properties
      */

package/types/type/index.d.ts

@@ -368,4 +368,10 @@ export declare type DiamondAttributes = {
     points: PointTuple[];
 } & NodeAttributes;
 export declare type ShapeStyleAttribute = CommonTheme;
+export declare type VirtualRectSize = {
+    virtualRectWidth: number;
+    virtualRectHeight: number;
+    virtualRectCenterPositionX: number;
+    virtualRectCenterPositionY: number;
+};
 export {};

package/types/util/drag.d.ts

@@ -39,5 +39,6 @@ declare class StepDrag {
     handleMouseDown: (e: MouseEvent) => void;
     handleMouseMove: (e: MouseEvent) => void;
     handleMouseUp: (e: MouseEvent) => void;
+    cancelDrag: () => void;
 }
 export { createDrag, StepDrag, };

package/types/view/Anchor.d.ts

@@ -14,7 +14,6 @@ interface IProps {
     anchorIndex: number;
     graphModel: GraphModel;
     nodeModel: BaseNodeModel;
-    nodeDraging: boolean;
     setHoverOFF: Function;
 }
 interface IState {
@@ -34,9 +33,7 @@ declare class Anchor extends Component<IProps, IState> {
     onDragStart: ({ event }: {
         event: any;
     }) => void;
-    onDraging: ({ deltaX, deltaY, event }: {
-        deltaX: any;
-        deltaY: any;
+    onDraging: ({ event }: {
         event: any;
     }) => void;
     onDragEnd: (event: any) => void;

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

@@ -5,6 +5,7 @@ export declare type NewNodeConfig = {
     type: string;
     text?: TextConfig | string;
     properties?: Record<string, unknown>;
+    [key: string]: any;
 };
 export default class Dnd {
     nodeConfig: NewNodeConfig;

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

@@ -11,6 +11,7 @@ declare type Istate = {
     isDraging?: boolean;
 };
 export default abstract class BaseNode extends Component<IProps, Istate> {
+    t: any;
     static getModel(defaultModel: any): any;
     stepDrag: StepDrag;
     contextMenuTime: number;
@@ -22,9 +23,8 @@ export default abstract class BaseNode extends Component<IProps, Istate> {
     getAnchors(): h.JSX.Element[];
     getText(): "" | h.JSX.Element;
     getStateClassName(): string;
-    onDraging: ({ deltaX, deltaY }: {
-        deltaX: any;
-        deltaY: any;
+    onDraging: ({ event }: {
+        event: any;
     }) => void;
     onDragEnd: () => void;
     handleClick: (e: MouseEvent) => void;