@logicflow/core 1.1.20 → 1.2.0-alpha.10

package/dist/style/index.css

@@ -6,6 +6,9 @@
   background: #ffffff;
   user-select: none;
 }
+.lf-graph svg {
+  display: block;
+}
 .lf-element-text {
   cursor: text;
 }
@@ -193,3 +196,10 @@
 .lf-edge-adjust-point {
   cursor: move;
 }
+/*
+ * svg默认会多5px，强制全部设置为block
+ * @see https://stackoverflow.com/questions/41437423/difference-between-display-inline-and-block-on-svg-elements
+ */
+.lf-graph svg {
+  display: block;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "1.1.20",
+  "version": "1.2.0-alpha.10",
   "description": "LogicFlow core, to quickly build flowchart editor",
   "main": "dist/entry.js",
   "unpkg": "dist/logic-flow.min.js",
@@ -19,7 +19,7 @@
     "build": "npm run build:umd",
     "build:umd": "cross-env NODE_ENV=production webpack --config scripts/webpack.config.build.js && cp -r src/style/ dist/style && cp scripts/entry.js dist",
     "build-analyse": "cross-env analyse=true npm run build",
-    "types": "tsc -d --declarationDir ./types --outDir temp && rimraf temp",
+    "types": "tsc -d --declarationDir ./tempTypes --outDir temp && rimraf types && mv ./tempTypes/src ./types && rimraf temp && rimraf tempTypes",
     "lint": "eslint . --ext .ts,.tsx",
     "publish-lib": "npm run types & npm run clean && npm run build && npm publish",
     "publish-next": "npm run types & npm run clean && npm run build && npm publish --tag next"
@@ -73,9 +73,8 @@
     "ids": "^1.0.0",
     "less-loader": "^6.0.0",
     "lodash-es": "^4.17.15",
-    "mobx": "^5.15.7",
-    "mobx-react": "^6.3.0",
-    "mobx-utils": "^5.6.1",
+    "mobx": "^6.5.0",
+    "mobx-react": "^7.3.0",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.2",
     "standard-version": "^9.0.0",

package/types/LogicFlow.d.ts

@@ -484,7 +484,7 @@ export default class LogicFlow {
     /**
      * 触发监听事件
      */
-    emit(evt: string, arg: any): void;
+    emit(evt: string, arg?: any): void;
     /**
      * 添加扩展, 待讨论，这里是不是静态方法好一些？
      * 重复添加插件的时候，把上一次添加的插件的销毁。
@@ -530,7 +530,12 @@ export default class LogicFlow {
      * 用于fakerNode移除对齐线
      */
     setView(type: string, component: any): void;
-    renderRawData(graphRawData: any): void;
+    /**
+       * 内部保留方法
+       * 用于支持国际化
+       */
+    static t(text: string): string;
+    renderRawData(graphRawData: any, isForce?: boolean): void;
     /**
      * 渲染图
      * @example
@@ -544,7 +549,7 @@ export default class LogicFlow {
      *     },
      *     {
      *       id: 'node_2',
-     *       type: 'circel',
+     *       type: 'circle',
      *       x: 300,
      *       y: 200
      *     }
@@ -559,7 +564,7 @@ export default class LogicFlow {
      * })
      * @param graphData 图数据
      */
-    render(graphData?: {}): void;
+    render(graphData?: {}, isForce?: boolean): void;
     /**
      * 内部保留方法
      * 获取指定类型的view

package/types/algorithm/edge.d.ts

@@ -1,5 +1,5 @@
 import { Point } from '../type/index';
-export declare const getCorssPointOfLine: (a: Point, b: Point, c: Point, d: Point) => false | {
+export declare const getCrossPointOfLine: (a: Point, b: Point, c: Point, d: Point) => false | {
     x: number;
     y: number;
 };

package/types/constant/constant.d.ts

@@ -46,6 +46,8 @@ export declare enum EventType {
     NODE_MOUSEMOVE = "node:mousemove",
     NODE_MOUSEENTER = "node:mouseenter",
     NODE_MOUSELEAVE = "node:mouseleave",
+    NODE_TEXT_UPDATE = "node:text-update",
+    NODE_PROPERTY_UPDATE = "node:property-update",
     NODE_CONTEXTMENU = "node:contextmenu",
     EDGE_DELETE = "edge:delete",
     EDGE_ADD = "edge:add",
@@ -53,6 +55,8 @@ export declare enum EventType {
     EDGE_DBCLICK = "edge:dbclick",
     EDGE_MOUSEENTER = "edge:mouseenter",
     EDGE_MOUSELEAVE = "edge:mouseleave",
+    EDGE_TEXT_UPDATE = "edge:text-update",
+    EDGE_PROPERTY_UPDATE = "edge:property-update",
     EDGE_CONTEXTMENU = "edge:contextmenu",
     EDGE_ADJUST = "edge:adjust",
     EDGE_EXCHANGE_NODE = "edge:exchange-node",
@@ -76,7 +80,9 @@ export declare enum EventType {
     SELECTION_CONTEXTMENU = "selection:contextmenu",
     CONNECTION_NOT_ALLOWED = "connection:not-allowed",
     HISTORY_CHANGE = "history:change",
+    HISTORY_INSERT = "history:insert",
     TEXT_UPDATE = "text:update",
+    TEXT_DROP = "text:drop",
     GRAPH_TRANSFORM = "graph:transform",
     GRAPH_RENDERED = "graph:rendered"
 }
@@ -84,7 +90,7 @@ export declare enum SegmentDirection {
     HORIZONTAL = "horizontal",
     VERTICAL = "vertical"
 }
-export declare const ElementMaxzIndex = 9999;
+export declare const ElementMaxZIndex = 9999;
 export declare enum OverlapMode {
     DEFAULT = 0,
     INCREASE = 1

package/types/history/History.d.ts

@@ -8,13 +8,15 @@ declare class History {
     maxSize: number;
     waitTime: number;
     eventCenter: EventEmitter;
-    constructor(eventCenter: any);
+    model: any;
+    constructor(graphModel: any, isPropertiesChangeHistory: any);
     add(data: any): void;
     undoAble(): boolean;
     undo(): any;
     redoAble(): boolean;
     redo(): any;
-    watch(model: any): void;
+    emitHistoryChange(): void;
+    listenHistoryChange: () => void;
 }
 export { History };
 export default History;

package/types/index.d.ts

@@ -1,9 +1,9 @@
-import { h } from 'preact';
 import LogicFlow from './LogicFlow';
 import * as LogicFlowUtil from './util';
-export declare function observer<P>(props: P): any;
-export { LogicFlow, h };
-export { LogicFlowUtil };
+import { version } from '../package.json';
+export { h } from 'preact';
+export * from './util/stateUtil';
+export { LogicFlowUtil, version, LogicFlow };
 export * from './type/index';
 export * from './view';
 export * from './model';

package/types/keyboard/index.d.ts

@@ -26,7 +26,7 @@ declare class Keyboard {
     enable(force: boolean): void;
     disable(): void;
     private getKeys;
-    protected formatkey(key: string): string;
+    protected formatKey(key: string): string;
 }
 export { Keyboard };
 export default Keyboard;

package/types/model/BaseModel.d.ts

@@ -65,14 +65,14 @@ interface IBaseModel {
      * 在自定义节点的时候，可以重写此方法基于自己的规则生成id。
      * 注意，此方法必须是同步的。
      * 如果想要异步修改Id，建议删除此节点后再同一位置创建一个新的节点。
-     * @overridable 可以重写
+     * @override 可以重写
      * @returns string
      */
     createId(): string;
     moveText(deltaX: number, deltaY: number): void;
     updateText(value: string): void;
     setSelected(flag: boolean): void;
-    setZIndex(zindex?: number): void;
+    setZIndex(zIndex?: number): void;
     /**
      * 设置Node|Edge等model的状态
      * @param state 状态

package/types/model/EditConfigModel.d.ts

@@ -68,6 +68,12 @@ export interface EditConfigInterface {
      * 不支持ctrl，ctrl会触发contextmenu
      */
     multipleSelectKey?: string;
+    /**
+     * 拖动节点靠近画布边缘时，
+     * 是否自动扩张画布.
+     * 默认false。
+     */
+    autoExpand?: string;
 }
 /**
  * 页面编辑配置
@@ -89,6 +95,7 @@ export default class EditConfigModel {
     edgeTextEdit: boolean;
     nodeTextDraggable: boolean;
     edgeTextDraggable: boolean;
+    autoExpand: boolean;
     multipleSelectKey: string;
     defaultConfig: {};
     constructor(config: EditConfigInterface);

package/types/model/GraphModel.d.ts

@@ -1,7 +1,7 @@
 import BaseNodeModel from './node/BaseNodeModel';
 import BaseEdgeModel from './edge/BaseEdgeModel';
 import EditConfigModel from './EditConfigModel';
-import TransfromModel from './TransformModel';
+import TransformModel from './TransformModel';
 import { OverlapMode } from '../constant/constant';
 import { AdditionData, Point, NodeConfig, EdgeConfig, PointTuple, NodeMoveRule, GraphConfigData, VirtualRectSize } from '../type';
 import EventEmitter from '../event/eventEmitter';
@@ -86,7 +86,7 @@ declare class GraphModel {
      * 控制画布的缩放、平移
      * @see todo link
      */
-    transformModel: TransfromModel;
+    transformModel: TransformModel;
     /**
      * 控制流程图编辑相关配置
      * @see todo link
@@ -279,16 +279,16 @@ declare class GraphModel {
      * @param nodeModel 节点Id
      * @param deltaX X轴移动距离
      * @param deltaY Y轴移动距离
-     * @param isignoreRule 是否忽略移动规则限制
+     * @param isIgnoreRule 是否忽略移动规则限制
      */
-    moveNode(nodeId: BaseNodeModelId, deltaX: number, deltaY: number, isignoreRule?: boolean): void;
+    moveNode(nodeId: BaseNodeModelId, deltaX: number, deltaY: number, isIgnoreRule?: boolean): void;
     /**
      * 移动节点-绝对位置
      * @param nodeModel 节点Id
      * @param x X轴目标位置
      * @param y Y轴目标位置
      */
-    moveNode2Coordinate(nodeId: BaseNodeModelId, x: number, y: number, isignoreRule?: boolean): void;
+    moveNode2Coordinate(nodeId: BaseNodeModelId, x: number, y: number, isIgnoreRule?: boolean): void;
     /**
      * 显示节点、连线文本编辑框
      * @param elementId 节点id
@@ -359,7 +359,7 @@ declare class GraphModel {
      * 批量移动节点，节点移动的时候，会动态计算所有节点与未移动节点的边位置
      * 移动的节点之间的边会保持相对位置
      */
-    moveNodes(nodeIds: string[], deltaX: number, deltaY: number, isignoreRule?: boolean): void;
+    moveNodes(nodeIds: string[], deltaX: number, deltaY: number, isIgnoreRule?: boolean): void;
     /**
      * 添加节点移动限制规则，在节点移动的时候触发。
      * 如果方法返回false, 则会阻止节点移动。

package/types/model/SnaplineModel.d.ts

@@ -25,7 +25,7 @@ export default class SnaplineModel {
     private getCenterSnapLine;
     private getHorizontalSnapline;
     private getVerticalSnapline;
-    getSnapLinePosition(dragingNode: NodeData, nodes: BaseNodeModel[]): SnaplineInfo;
+    getSnapLinePosition(draggingNode: NodeData, nodes: BaseNodeModel[]): SnaplineInfo;
     private setSnaplineInfo;
     clearSnapline(): void;
     setNodeSnapLine(nodeData: NodeData): void;

package/types/model/TransformModel.d.ts

@@ -1,6 +1,6 @@
 import EventEmitter from '../event/eventEmitter';
 import { PointTuple, ZoomParam } from '../type';
-export interface TransfromInterface {
+export interface TransformInterface {
     SCALE_X: number;
     SKEW_Y: number;
     SKEW_X: number;
@@ -10,7 +10,7 @@ export interface TransfromInterface {
     ZOOM_SIZE: number;
     MINI_SCALE_SIZE: number;
     MAX_SCALE_SIZE: number;
-    zoom: (isZoomout: ZoomParam) => string;
+    zoom: (isZoomOut: ZoomParam) => string;
     HtmlPointToCanvasPoint: (point: PointTuple) => PointTuple;
     CanvasPointToHtmlPoint: (point: PointTuple) => PointTuple;
     moveCanvasPointByHtml: (point: PointTuple, x: number, y: number) => PointTuple;
@@ -18,7 +18,7 @@ export interface TransfromInterface {
         transform: string;
     };
 }
-export default class TransfromModel implements TransfromInterface {
+export default class TransformModel implements TransformInterface {
     MINI_SCALE_SIZE: number;
     MAX_SCALE_SIZE: number;
     SCALE_X: number;
@@ -43,7 +43,7 @@ export default class TransfromModel implements TransfromInterface {
      */
     CanvasPointToHtmlPoint([x, y]: PointTuple): PointTuple;
     /**
-     * 将一个在canvas上的点，向x轴方向移动directionX距离，向y轴方向移动dirctionY距离。
+     * 将一个在canvas上的点，向x轴方向移动directionX距离，向y轴方向移动directionY距离。
      * 因为canvas可能被缩小或者放大了，所以其在canvas层移动的距离需要计算上缩放的量。
      * @param point 点
      * @param directionX x轴距离

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

@@ -25,6 +25,7 @@ declare class BaseEdgeModel implements IBaseModel {
     isHitable: boolean;
     draggable: boolean;
     visible: boolean;
+    virtual: boolean;
     isAnimation: boolean;
     graphModel: GraphModel;
     zIndex: number;
@@ -44,8 +45,9 @@ declare class BaseEdgeModel implements IBaseModel {
     };
     [propName: string]: any;
     constructor(data: EdgeConfig, graphModel: GraphModel);
+    init(): void;
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 初始化边数据
      * initNodeData和setAttributes的区别在于
      * initNodeData只在节点初始化的时候调用，用于初始化节点的所有属性。
@@ -54,16 +56,16 @@ declare class BaseEdgeModel implements IBaseModel {
     initEdgeData(data: any): void;
     /**
      * 设置model属性，每次properties发生变化会触发
-     * @overridable 支持重写
+     * @override 支持重写
      */
     setAttributes(): void;
     /**
-     * @overridable 支持重写，自定义此类型节点默认生成方式
+     * @override 支持重写，自定义此类型节点默认生成方式
      * @returns string
      */
     createId(): any;
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 获取当前节点样式
      * @returns 自定义边样式
      */
@@ -74,12 +76,12 @@ declare class BaseEdgeModel implements IBaseModel {
         strokeWidth?: number;
     };
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 获取当前节点文本样式
      */
     getTextStyle(): import("../../constant/DefaultTheme").EdgeTextTheme;
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 获取当前边的动画样式
      * @returns 自定义边动画样式
      */
@@ -97,7 +99,7 @@ declare class BaseEdgeModel implements IBaseModel {
      */
     getOutlineStyle(): OutlineTheme;
     /**
-     * @overridable 支持重新，重新自定义文本位置
+     * @override 支持重新，重新自定义文本位置
      * @returns 文本位置
      */
     getTextPosition(): Point;
@@ -165,7 +167,7 @@ declare class BaseEdgeModel implements IBaseModel {
     moveStartPoint(deltaX: any, deltaY: any): void;
     updateEndPoint(anchor: any): void;
     moveEndPoint(deltaX: any, deltaY: any): void;
-    setZIndex(zindex?: number): void;
+    setZIndex(zIndex?: number): void;
     initPoints(): void;
     updateAttributes(attributes: any): void;
     getAdjustStart(): any;

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

@@ -5,6 +5,7 @@ export { BezierEdgeModel };
 export default class BezierEdgeModel extends BaseEdgeModel {
     modelType: ModelType;
     path: string;
+    constructor(data: any, graphModel: any);
     initEdgeData(data: any): void;
     getEdgeStyle(): {
         [x: string]: any;

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

@@ -4,8 +4,9 @@ import BaseEdgeModel from './BaseEdgeModel';
 export { PolylineEdgeModel };
 export default class PolylineEdgeModel extends BaseEdgeModel {
     modelType: ModelType;
-    draginngPointList: any;
+    draggingPointList: any;
     dbClickPosition: Point;
+    constructor(data: any, graphModel: any);
     initEdgeData(data: any): void;
     getEdgeStyle(): {
         [x: string]: any;
@@ -18,9 +19,9 @@ export default class PolylineEdgeModel extends BaseEdgeModel {
         y: number;
     };
     getAfterAnchor(direction: any, position: any, anchorList: any): any;
-    getCorssPoint(direction: any, start: any, end: any): any;
+    getCrossPoint(direction: any, start: any, end: any): any;
     removeCrossPoints(startIndex: any, endIndex: any, pointList: any): any;
-    getDragingPoints(direction: any, positioType: any, position: any, anchorList: any, draginngPointList: any): any;
+    getDraggingPoints(direction: any, positionType: any, position: any, anchorList: any, draggingPointList: any): any;
     updateCrossPoints(pointList: any): any;
     getData(): import("../../type").EdgeData & {
         pointsList: {
@@ -36,21 +37,33 @@ export default class PolylineEdgeModel extends BaseEdgeModel {
     moveEndPoint(deltaX: any, deltaY: any): void;
     dragAppendStart(): void;
     dragAppendSimple(appendInfo: any, dragInfo: any): {
-        start: any;
-        end: any;
+        start: {
+            x: any;
+            y: any;
+        };
+        end: {
+            x: any;
+            y: any;
+        };
         startIndex: any;
         endIndex: any;
         direction: any;
     };
     dragAppend(appendInfo: any, dragInfo: any): {
-        start: any;
-        end: any;
+        start: {
+            x: any;
+            y: any;
+        };
+        end: {
+            x: any;
+            y: any;
+        };
         startIndex: any;
         endIndex: any;
         direction: any;
     };
     dragAppendEnd(): void;
-    updatePointsAfterDrage(pointsList: any): void;
+    updatePointsAfterDrag(pointsList: any): void;
     getAdjustStart(): any;
     getAdjustEnd(): any;
     updateAfterAdjustStartAndEnd({ startPoint, endPoint, sourceNode, targetNode }: {

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

@@ -45,6 +45,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
     isHitable: boolean;
     draggable: boolean;
     visible: boolean;
+    virtual: boolean;
     graphModel: GraphModel;
     zIndex: number;
     state: number;
@@ -60,6 +61,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
     hasSetSourceRules: boolean;
     [propName: string]: any;
     constructor(data: NodeConfig, graphModel: GraphModel);
+    init(): void;
     /**
      * 获取进入当前节点的边和节点
      */
@@ -72,7 +74,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
         edges: BaseEdgeModel[];
     };
     /**
-     * @overridable 可以重写
+     * @override 可以重写
      * 初始化节点数据
      * initNodeData和setAttributes的区别在于
      * initNodeData只在节点初始化的时候调用，用于初始化节点的所有属性。
@@ -89,11 +91,11 @@ export default class BaseNodeModel implements IBaseNodeModel {
      *   this.height = 200
      * }
      *
-     * @overridable 支持重写
+     * @override 支持重写
      */
     setAttributes(): void;
     /**
-     * @overridable 支持重写，自定义此类型节点默认生成方式
+     * @override 支持重写，自定义此类型节点默认生成方式
      * @returns string
      */
     createId(): string;
@@ -103,9 +105,10 @@ export default class BaseNodeModel implements IBaseNodeModel {
     private formatText;
     /**
      * 获取被保存时返回的数据
-     * @overridable 支持重写
+     * @override 支持重写
      */
     getData(): NodeData;
+    setIsDragging(isDragging: any): void;
     /**
      * 用于在历史记录时获取节点数据，
      * 在某些情况下，如果希望某个属性变化不引起history的变化，
@@ -117,30 +120,30 @@ export default class BaseNodeModel implements IBaseNodeModel {
      */
     getProperties(): Record<string, any>;
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 获取当前节点样式
      * @returns 自定义节点样式
      */
     getNodeStyle(): ShapeStyleAttribute;
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 获取当前节点文本样式
      */
     getTextStyle(): import("../../constant/DefaultTheme").NodeTextTheme;
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 获取当前节点锚点样式
      * @returns 自定义样式
      */
     getAnchorStyle(anchorInfo: any): Record<string, any>;
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 获取当前节点锚点拖出连线样式
      * @returns 自定义锚点拖出样式
      */
     getAnchorLineStyle(): import("../../constant/DefaultTheme").CommonTheme;
     /**
-     * @overridable 支持重写
+     * @override 支持重写
      * 获取outline样式，重写可以定义此类型节点outline样式， 默认使用主题样式
      * @returns 自定义outline样式
      */
@@ -149,7 +152,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
      * @over
      * 在边的时候，是否允许这个节点为source节点，边到target节点。
      */
-    isAllowConnectedAsSource(target: BaseNodeModel, soureAnchor: AnchorConfig, targetAnchor: AnchorConfig): ConnectRuleResult | Boolean;
+    isAllowConnectedAsSource(target: BaseNodeModel, sourceAnchor: AnchorConfig, targetAnchor: AnchorConfig): ConnectRuleResult | Boolean;
     /**
      * 获取当前节点作为连接的起始节点规则。
      */
@@ -157,7 +160,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
     /**
      * 在连线的时候，是否允许这个节点为target节点
      */
-    isAllowConnectedAsTarget(source: BaseNodeModel, soureAnchor: AnchorConfig, targetAnchor: AnchorConfig): ConnectRuleResult | Boolean;
+    isAllowConnectedAsTarget(source: BaseNodeModel, sourceAnchor: AnchorConfig, targetAnchor: AnchorConfig): ConnectRuleResult | Boolean;
     /**
      * 内部方法
      * 是否允许移动节点到新的位置
@@ -172,7 +175,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
      */
     getAnchorsByOffset(): PointAnchor[];
     /**
-     * @overridable 子类重写此方法设置默认锚点
+     * @override 子类重写此方法设置默认锚点
      * 获取节点默认情况下的锚点
      */
     getDefaultAnchor(): PointAnchor[];
@@ -183,8 +186,8 @@ export default class BaseNodeModel implements IBaseNodeModel {
     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;
+    move(deltaX: any, deltaY: any, isIgnoreRule?: boolean): boolean;
+    moveTo(x: any, y: any, isIgnoreRule?: boolean): boolean;
     moveText(deltaX: any, deltaY: any): void;
     updateText(value: string): void;
     setSelected(flag?: boolean): void;
@@ -197,5 +200,15 @@ export default class BaseNodeModel implements IBaseNodeModel {
     setStyles(styles: any): void;
     updateStyles(styles: any): void;
     setZIndex(zindex?: number): void;
+    /**
+     * 设置节点属性；
+     * 支持属性请参考节点属性文档
+     * http://logic-flow.org/api/nodeModelApi.html#%E6%95%B0%E6%8D%AE%E5%B1%9E%E6%80%A7
+     * @example
+     * nodeModel.updateAttributes({
+     *  width: 100,
+     *  height: 100
+     * })
+     */
     updateAttributes(attributes: any): void;
 }

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

@@ -3,6 +3,7 @@ import { ModelType } from '../../constant/constant';
 declare class CircleNodeModel extends BaseNodeModel {
     modelType: ModelType;
     r: number;
+    constructor(data: any, graphData: any);
     get width(): number;
     get height(): number;
     getNodeStyle(): {

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

@@ -5,6 +5,7 @@ declare class DiamondNodeModel extends BaseNodeModel {
     modelType: ModelType;
     rx: number;
     ry: number;
+    constructor(data: any, graphData: any);
     getNodeStyle(): {
         [x: string]: any;
         fill?: string;

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

@@ -4,6 +4,7 @@ declare class EllipseNodeModel extends BaseNodeModel {
     modelType: ModelType;
     rx: number;
     ry: number;
+    constructor(data: any, graphData: any);
     getNodeStyle(): {
         [x: string]: any;
         fill?: string;

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

@@ -4,6 +4,7 @@ import { ModelType } from '../../constant/constant';
 declare class PolygonNodeModel extends BaseNodeModel {
     modelType: ModelType;
     points: PointTuple[];
+    constructor(data: any, graphModel: any);
     getNodeStyle(): {
         [x: string]: any;
         fill?: string;

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

@@ -3,6 +3,7 @@ import { ModelType } from '../../constant/constant';
 declare class RectNodeModel extends BaseNodeModel {
     modelType: ModelType;
     radius: number;
+    constructor(data: any, graphModel: any);
     getDefaultAnchor(): {
         x: number;
         y: number;

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

@@ -2,6 +2,7 @@ import BaseNodeModel from './BaseNodeModel';
 import { ModelType } from '../../constant/constant';
 declare class TextNodeModel extends BaseNodeModel {
     modelType: ModelType;
+    constructor(data: any, graphModel: any);
     getTextStyle(): {
         [x: string]: any;
         color?: string;