@logicflow/core 1.1.11 → 1.2.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@logicflow/core",
3
- "version": "1.1.11",
3
+ "version": "1.2.0-alpha.0",
4
4
  "description": "LogicFlow core, to quickly build flowchart editor",
5
5
  "main": "dist/logic-flow.js",
6
6
  "unpkg": "dist/logic-flow.js",
@@ -514,11 +514,7 @@ export default class LogicFlow {
514
514
  * 用于fakerNode移除对齐线
515
515
  */
516
516
  setView(type: string, component: any): void;
517
- /**
518
- * 内部保留方法
519
- * 获取指定类型的view
520
- */
521
- getView: (type: string) => any;
517
+ renderRawData(graphRawData: any): void;
522
518
  /**
523
519
  * 渲染图
524
520
  * @example
@@ -532,7 +528,7 @@ export default class LogicFlow {
532
528
  * },
533
529
  * {
534
530
  * id: 'node_2',
535
- * type: 'circel',
531
+ * type: 'circle',
536
532
  * x: 300,
537
533
  * y: 200
538
534
  * }
@@ -548,5 +544,10 @@ export default class LogicFlow {
548
544
  * @param graphData 图数据
549
545
  */
550
546
  render(graphData?: {}): void;
547
+ /**
548
+ * 内部保留方法
549
+ * 获取指定类型的view
550
+ */
551
+ getView: (type: string) => any;
551
552
  }
552
553
  export {};
@@ -1,5 +1,5 @@
1
1
  import { Point } from '../type/index';
2
- export declare const getCorssPointOfLine: (a: Point, b: Point, c: Point, d: Point) => false | {
2
+ export declare const getCrossPointOfLine: (a: Point, b: Point, c: Point, d: Point) => false | {
3
3
  x: number;
4
4
  y: number;
5
5
  };
@@ -84,7 +84,7 @@ export declare enum SegmentDirection {
84
84
  HORIZONTAL = "horizontal",
85
85
  VERTICAL = "vertical"
86
86
  }
87
- export declare const ElementMaxzIndex = 9999;
87
+ export declare const ElementMaxZIndex = 9999;
88
88
  export declare enum OverlapMode {
89
89
  DEFAULT = 0,
90
90
  INCREASE = 1
@@ -26,7 +26,7 @@ declare class Keyboard {
26
26
  enable(force: boolean): void;
27
27
  disable(): void;
28
28
  private getKeys;
29
- protected formatkey(key: string): string;
29
+ protected formatKey(key: string): string;
30
30
  }
31
31
  export { Keyboard };
32
32
  export default Keyboard;
@@ -65,14 +65,14 @@ interface IBaseModel {
65
65
  * 在自定义节点的时候,可以重写此方法基于自己的规则生成id。
66
66
  * 注意,此方法必须是同步的。
67
67
  * 如果想要异步修改Id,建议删除此节点后再同一位置创建一个新的节点。
68
- * @overridable 可以重写
68
+ * @override 可以重写
69
69
  * @returns string
70
70
  */
71
71
  createId(): string;
72
72
  moveText(deltaX: number, deltaY: number): void;
73
73
  updateText(value: string): void;
74
74
  setSelected(flag: boolean): void;
75
- setZIndex(zindex?: number): void;
75
+ setZIndex(zIndex?: number): void;
76
76
  /**
77
77
  * 设置Node|Edge等model的状态
78
78
  * @param state 状态
@@ -1,7 +1,7 @@
1
1
  import BaseNodeModel from './node/BaseNodeModel';
2
2
  import BaseEdgeModel from './edge/BaseEdgeModel';
3
3
  import EditConfigModel from './EditConfigModel';
4
- import TransfromModel from './TransformModel';
4
+ import TransformModel from './TransformModel';
5
5
  import { OverlapMode } from '../constant/constant';
6
6
  import { AdditionData, Point, NodeConfig, EdgeConfig, PointTuple, NodeMoveRule, GraphConfigData, VirtualRectSize } from '../type';
7
7
  import EventEmitter from '../event/eventEmitter';
@@ -86,7 +86,7 @@ declare class GraphModel {
86
86
  * 控制画布的缩放、平移
87
87
  * @see todo link
88
88
  */
89
- transformModel: TransfromModel;
89
+ transformModel: TransformModel;
90
90
  /**
91
91
  * 控制流程图编辑相关配置
92
92
  * @see todo link
@@ -279,16 +279,16 @@ declare class GraphModel {
279
279
  * @param nodeModel 节点Id
280
280
  * @param deltaX X轴移动距离
281
281
  * @param deltaY Y轴移动距离
282
- * @param isignoreRule 是否忽略移动规则限制
282
+ * @param isIgnoreRule 是否忽略移动规则限制
283
283
  */
284
- moveNode(nodeId: BaseNodeModelId, deltaX: number, deltaY: number, isignoreRule?: boolean): void;
284
+ moveNode(nodeId: BaseNodeModelId, deltaX: number, deltaY: number, isIgnoreRule?: boolean): void;
285
285
  /**
286
286
  * 移动节点-绝对位置
287
287
  * @param nodeModel 节点Id
288
288
  * @param x X轴目标位置
289
289
  * @param y Y轴目标位置
290
290
  */
291
- moveNode2Coordinate(nodeId: BaseNodeModelId, x: number, y: number, isignoreRule?: boolean): void;
291
+ moveNode2Coordinate(nodeId: BaseNodeModelId, x: number, y: number, isIgnoreRule?: boolean): void;
292
292
  /**
293
293
  * 显示节点、连线文本编辑框
294
294
  * @param elementId 节点id
@@ -359,7 +359,7 @@ declare class GraphModel {
359
359
  * 批量移动节点,节点移动的时候,会动态计算所有节点与未移动节点的边位置
360
360
  * 移动的节点之间的边会保持相对位置
361
361
  */
362
- moveNodes(nodeIds: string[], deltaX: number, deltaY: number, isignoreRule?: boolean): void;
362
+ moveNodes(nodeIds: string[], deltaX: number, deltaY: number, isIgnoreRule?: boolean): void;
363
363
  /**
364
364
  * 添加节点移动限制规则,在节点移动的时候触发。
365
365
  * 如果方法返回false, 则会阻止节点移动。
@@ -25,7 +25,7 @@ export default class SnaplineModel {
25
25
  private getCenterSnapLine;
26
26
  private getHorizontalSnapline;
27
27
  private getVerticalSnapline;
28
- getSnapLinePosition(dragingNode: NodeData, nodes: BaseNodeModel[]): SnaplineInfo;
28
+ getSnapLinePosition(draggingNode: NodeData, nodes: BaseNodeModel[]): SnaplineInfo;
29
29
  private setSnaplineInfo;
30
30
  clearSnapline(): void;
31
31
  setNodeSnapLine(nodeData: NodeData): void;
@@ -1,6 +1,6 @@
1
1
  import EventEmitter from '../event/eventEmitter';
2
2
  import { PointTuple, ZoomParam } from '../type';
3
- export interface TransfromInterface {
3
+ export interface TransformInterface {
4
4
  SCALE_X: number;
5
5
  SKEW_Y: number;
6
6
  SKEW_X: number;
@@ -10,7 +10,7 @@ export interface TransfromInterface {
10
10
  ZOOM_SIZE: number;
11
11
  MINI_SCALE_SIZE: number;
12
12
  MAX_SCALE_SIZE: number;
13
- zoom: (isZoomout: ZoomParam) => string;
13
+ zoom: (isZoomOut: ZoomParam) => string;
14
14
  HtmlPointToCanvasPoint: (point: PointTuple) => PointTuple;
15
15
  CanvasPointToHtmlPoint: (point: PointTuple) => PointTuple;
16
16
  moveCanvasPointByHtml: (point: PointTuple, x: number, y: number) => PointTuple;
@@ -18,7 +18,7 @@ export interface TransfromInterface {
18
18
  transform: string;
19
19
  };
20
20
  }
21
- export default class TransfromModel implements TransfromInterface {
21
+ export default class TransformModel implements TransformInterface {
22
22
  MINI_SCALE_SIZE: number;
23
23
  MAX_SCALE_SIZE: number;
24
24
  SCALE_X: number;
@@ -43,7 +43,7 @@ export default class TransfromModel implements TransfromInterface {
43
43
  */
44
44
  CanvasPointToHtmlPoint([x, y]: PointTuple): PointTuple;
45
45
  /**
46
- * 将一个在canvas上的点,向x轴方向移动directionX距离,向y轴方向移动dirctionY距离。
46
+ * 将一个在canvas上的点,向x轴方向移动directionX距离,向y轴方向移动directionY距离。
47
47
  * 因为canvas可能被缩小或者放大了,所以其在canvas层移动的距离需要计算上缩放的量。
48
48
  * @param point 点
49
49
  * @param directionX x轴距离
@@ -39,7 +39,7 @@ declare class BaseEdgeModel implements IBaseModel {
39
39
  [propName: string]: any;
40
40
  constructor(data: EdgeConfig, graphModel: GraphModel);
41
41
  /**
42
- * @overridable 支持重写
42
+ * @override 支持重写
43
43
  * 初始化边数据
44
44
  * initNodeData和setAttributes的区别在于
45
45
  * initNodeData只在节点初始化的时候调用,用于初始化节点的所有属性。
@@ -48,39 +48,39 @@ declare class BaseEdgeModel implements IBaseModel {
48
48
  initEdgeData(data: any): void;
49
49
  /**
50
50
  * 设置model属性,每次properties发生变化会触发
51
- * @overridable 支持重写
51
+ * @override 支持重写
52
52
  */
53
53
  setAttributes(): void;
54
54
  /**
55
- * @overridable 支持重写,自定义此类型节点默认生成方式
55
+ * @override 支持重写,自定义此类型节点默认生成方式
56
56
  * @returns string
57
57
  */
58
58
  createId(): any;
59
59
  /**
60
- * @overridable 支持重写
60
+ * @override 支持重写
61
61
  * 获取当前节点样式
62
62
  * @returns 自定义边样式
63
63
  */
64
64
  getEdgeStyle(): import("../../constant/DefaultTheme").CommonTheme;
65
65
  /**
66
- * @overridable 支持重写
66
+ * @override 支持重写
67
67
  * 获取当前节点文本样式
68
68
  */
69
69
  getTextStyle(): import("../../constant/DefaultTheme").EdgeTextTheme;
70
70
  /**
71
- * @overridable 支持重写
71
+ * @override 支持重写
72
72
  * 获取当前边的动画样式
73
73
  * @returns 自定义边动画样式
74
74
  */
75
75
  getAnimation(): import("../../constant/DefaultAnimation").Animation;
76
76
  /**
77
- * @overridable 支持重写
77
+ * @override 支持重写
78
78
  * 获取outline样式,重写可以定义此类型边outline样式, 默认使用主题样式
79
79
  * @returns 自定义outline样式
80
80
  */
81
81
  getOutlineStyle(): OutlineTheme;
82
82
  /**
83
- * @overridable 支持重新,重新自定义文本位置
83
+ * @override 支持重新,重新自定义文本位置
84
84
  * @returns 文本位置
85
85
  */
86
86
  getTextPosition(): Point;
@@ -143,7 +143,7 @@ declare class BaseEdgeModel implements IBaseModel {
143
143
  moveStartPoint(deltaX: any, deltaY: any): void;
144
144
  updateEndPoint(anchor: any): void;
145
145
  moveEndPoint(deltaX: any, deltaY: any): void;
146
- setZIndex(zindex?: number): void;
146
+ setZIndex(zIndex?: number): void;
147
147
  initPoints(): void;
148
148
  updateAttributes(attributes: any): void;
149
149
  getAdjustStart(): any;
@@ -4,7 +4,7 @@ import BaseEdgeModel from './BaseEdgeModel';
4
4
  export { PolylineEdgeModel };
5
5
  export default class PolylineEdgeModel extends BaseEdgeModel {
6
6
  modelType: ModelType;
7
- draginngPointList: any;
7
+ draggingPointList: any;
8
8
  dbClickPosition: Point;
9
9
  initEdgeData(data: any): void;
10
10
  getEdgeStyle(): {
@@ -18,9 +18,9 @@ export default class PolylineEdgeModel extends BaseEdgeModel {
18
18
  y: number;
19
19
  };
20
20
  getAfterAnchor(direction: any, position: any, anchorList: any): any;
21
- getCorssPoint(direction: any, start: any, end: any): any;
21
+ getCrossPoint(direction: any, start: any, end: any): any;
22
22
  removeCrossPoints(startIndex: any, endIndex: any, pointList: any): any;
23
- getDragingPoints(direction: any, positioType: any, position: any, anchorList: any, draginngPointList: any): any;
23
+ getDraggingPoints(direction: any, positionType: any, position: any, anchorList: any, draggingPointList: any): any;
24
24
  updateCrossPoints(pointList: any): any;
25
25
  getData(): import("../../type").EdgeData & {
26
26
  pointsList: {
@@ -50,7 +50,7 @@ export default class PolylineEdgeModel extends BaseEdgeModel {
50
50
  direction: any;
51
51
  };
52
52
  dragAppendEnd(): void;
53
- updatePointsAfterDrage(pointsList: any): void;
53
+ updatePointsAfterDrag(pointsList: any): void;
54
54
  getAdjustStart(): any;
55
55
  getAdjustEnd(): any;
56
56
  updateAfterAdjustStartAndEnd({ startPoint, endPoint, sourceNode, targetNode }: {
@@ -71,7 +71,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
71
71
  edges: BaseEdgeModel[];
72
72
  };
73
73
  /**
74
- * @overridable 可以重写
74
+ * @override 可以重写
75
75
  * 初始化节点数据
76
76
  * initNodeData和setAttributes的区别在于
77
77
  * initNodeData只在节点初始化的时候调用,用于初始化节点的所有属性。
@@ -88,11 +88,11 @@ export default class BaseNodeModel implements IBaseNodeModel {
88
88
  * this.height = 200
89
89
  * }
90
90
  *
91
- * @overridable 支持重写
91
+ * @override 支持重写
92
92
  */
93
93
  setAttributes(): void;
94
94
  /**
95
- * @overridable 支持重写,自定义此类型节点默认生成方式
95
+ * @override 支持重写,自定义此类型节点默认生成方式
96
96
  * @returns string
97
97
  */
98
98
  createId(): string;
@@ -102,7 +102,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
102
102
  private formatText;
103
103
  /**
104
104
  * 获取被保存时返回的数据
105
- * @overridable 支持重写
105
+ * @override 支持重写
106
106
  */
107
107
  getData(): NodeData;
108
108
  /**
@@ -116,30 +116,30 @@ export default class BaseNodeModel implements IBaseNodeModel {
116
116
  */
117
117
  getProperties(): Record<string, any>;
118
118
  /**
119
- * @overridable 支持重写
119
+ * @override 支持重写
120
120
  * 获取当前节点样式
121
121
  * @returns 自定义节点样式
122
122
  */
123
123
  getNodeStyle(): ShapeStyleAttribute;
124
124
  /**
125
- * @overridable 支持重写
125
+ * @override 支持重写
126
126
  * 获取当前节点文本样式
127
127
  */
128
128
  getTextStyle(): import("../../constant/DefaultTheme").NodeTextTheme;
129
129
  /**
130
- * @overridable 支持重写
130
+ * @override 支持重写
131
131
  * 获取当前节点锚点样式
132
132
  * @returns 自定义样式
133
133
  */
134
134
  getAnchorStyle(anchorInfo: any): Record<string, any>;
135
135
  /**
136
- * @overridable 支持重写
136
+ * @override 支持重写
137
137
  * 获取当前节点锚点拖出连线样式
138
138
  * @returns 自定义锚点拖出样式
139
139
  */
140
140
  getAnchorLineStyle(): import("../../constant/DefaultTheme").CommonTheme;
141
141
  /**
142
- * @overridable 支持重写
142
+ * @override 支持重写
143
143
  * 获取outline样式,重写可以定义此类型节点outline样式, 默认使用主题样式
144
144
  * @returns 自定义outline样式
145
145
  */
@@ -148,7 +148,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
148
148
  * @over
149
149
  * 在边的时候,是否允许这个节点为source节点,边到target节点。
150
150
  */
151
- isAllowConnectedAsSource(target: BaseNodeModel, soureAnchor: AnchorConfig, targetAnchor: AnchorConfig): ConnectRuleResult | Boolean;
151
+ isAllowConnectedAsSource(target: BaseNodeModel, sourceAnchor: AnchorConfig, targetAnchor: AnchorConfig): ConnectRuleResult | Boolean;
152
152
  /**
153
153
  * 获取当前节点作为连接的起始节点规则。
154
154
  */
@@ -156,7 +156,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
156
156
  /**
157
157
  * 在连线的时候,是否允许这个节点为target节点
158
158
  */
159
- isAllowConnectedAsTarget(source: BaseNodeModel, soureAnchor: AnchorConfig, targetAnchor: AnchorConfig): ConnectRuleResult | Boolean;
159
+ isAllowConnectedAsTarget(source: BaseNodeModel, sourceAnchor: AnchorConfig, targetAnchor: AnchorConfig): ConnectRuleResult | Boolean;
160
160
  /**
161
161
  * 内部方法
162
162
  * 是否允许移动节点到新的位置
@@ -171,7 +171,7 @@ export default class BaseNodeModel implements IBaseNodeModel {
171
171
  */
172
172
  getAnchorsByOffset(): PointAnchor[];
173
173
  /**
174
- * @overridable 子类重写此方法设置默认锚点
174
+ * @override 子类重写此方法设置默认锚点
175
175
  * 获取节点默认情况下的锚点
176
176
  */
177
177
  getDefaultAnchor(): PointAnchor[];
@@ -182,8 +182,8 @@ export default class BaseNodeModel implements IBaseNodeModel {
182
182
  get anchors(): PointAnchor[];
183
183
  getAnchorInfo(anchorId: string): PointAnchor;
184
184
  addNodeMoveRules(fn: NodeMoveRule): void;
185
- move(deltaX: any, deltaY: any, isignoreRule?: boolean): boolean;
186
- moveTo(x: any, y: any, isignoreRule?: boolean): boolean;
185
+ move(deltaX: any, deltaY: any, isIgnoreRule?: boolean): boolean;
186
+ moveTo(x: any, y: any, isIgnoreRule?: boolean): boolean;
187
187
  moveText(deltaX: any, deltaY: any): void;
188
188
  updateText(value: string): void;
189
189
  setSelected(flag?: boolean): void;
@@ -192,6 +192,6 @@ export default class BaseNodeModel implements IBaseNodeModel {
192
192
  setElementState(state: number, additionStateData?: AdditionData): void;
193
193
  setProperty(key: any, val: any): void;
194
194
  setProperties(properties: any): void;
195
- setZIndex(zindex?: number): void;
195
+ setZIndex(zIndex?: number): void;
196
196
  updateAttributes(attributes: any): void;
197
197
  }
@@ -10,7 +10,7 @@ export default class MultipleSelect extends Component<IProps> {
10
10
  stepDrag: any;
11
11
  constructor(props: any);
12
12
  handleMouseDown: (ev: MouseEvent) => void;
13
- onDraging: ({ deltaX, deltaY }: {
13
+ onDragging: ({ deltaX, deltaY }: {
14
14
  deltaX: any;
15
15
  deltaY: any;
16
16
  }) => void;
@@ -1,21 +1,21 @@
1
1
  import EventEmitter from '../event/eventEmitter';
2
2
  import BaseEdgeModel from '../model/edge/BaseEdgeModel';
3
3
  import BaseNodeModel from '../model/node/BaseNodeModel';
4
- declare function createDrag({ onDragStart, onDraging, onDragEnd, step, isStopPropagation, }: {
4
+ declare function createDrag({ onDragStart, onDragging, onDragEnd, step, isStopPropagation, }: {
5
5
  onDragStart?: (...args: any[]) => void;
6
- onDraging?: (...args: any[]) => void;
6
+ onDragging?: (...args: any[]) => void;
7
7
  onDragEnd?: (...args: any[]) => void;
8
8
  step?: number;
9
9
  isStopPropagation?: boolean;
10
10
  }): (e: MouseEvent) => void;
11
11
  declare class StepDrag {
12
12
  onDragStart: Function;
13
- onDraging: Function;
13
+ onDragging: Function;
14
14
  onDragEnd: Function;
15
15
  step: number;
16
16
  isStopPropagation: boolean;
17
- isDraging: boolean;
18
- isStartDraging: boolean;
17
+ isDragging: boolean;
18
+ isStartDragging: boolean;
19
19
  startX: number;
20
20
  startY: number;
21
21
  sumDeltaX: number;
@@ -24,10 +24,9 @@ declare class StepDrag {
24
24
  eventCenter: EventEmitter | null;
25
25
  model?: BaseNodeModel | BaseEdgeModel;
26
26
  startTime?: number;
27
- isGrag: boolean;
28
- constructor({ onDragStart, onDraging, onDragEnd, eventType, eventCenter, step, isStopPropagation, model, }: {
27
+ constructor({ onDragStart, onDragging, onDragEnd, eventType, eventCenter, step, isStopPropagation, model, }: {
29
28
  onDragStart?: (...args: any[]) => void;
30
- onDraging?: (...args: any[]) => void;
29
+ onDragging?: (...args: any[]) => void;
31
30
  onDragEnd?: (...args: any[]) => void;
32
31
  eventType?: string;
33
32
  eventCenter?: any;
@@ -35,7 +35,7 @@ export declare const getCrossPointWithCircle: (point: Point, direction: Directio
35
35
  export declare const pointEdgeDirection: (point: Point, node: BaseNode) => Direction;
36
36
  export declare const inStraightLineOfRect: (point: Point, node: BaseNode) => boolean;
37
37
  export declare const getCrossPointWithEllipse: (point: Point, direction: Direction, node: BaseNode) => any;
38
- export declare const getCrossPointWithPolyone: (point: Point, direction: Direction, node: BaseNode) => Point;
38
+ export declare const getCrossPointWithPolygon: (point: Point, direction: Direction, node: BaseNode) => Point;
39
39
  export declare const pickNodeConfig: (data: any) => NodeConfig;
40
40
  /**
41
41
  * 基于节点的边,重新获取新的节点
@@ -21,7 +21,7 @@ interface IState {
21
21
  startY: number;
22
22
  endX: number;
23
23
  endY: number;
24
- draging: boolean;
24
+ dragging: boolean;
25
25
  }
26
26
  declare class Anchor extends Component<IProps, IState> {
27
27
  preTargetNode: BaseNodeModel;
@@ -34,7 +34,7 @@ declare class Anchor extends Component<IProps, IState> {
34
34
  onDragStart: ({ event }: {
35
35
  event: any;
36
36
  }) => void;
37
- onDraging: ({ event }: {
37
+ onDragging: ({ event }: {
38
38
  event: any;
39
39
  }) => void;
40
40
  onDragEnd: (event: any) => void;
@@ -0,0 +1 @@
1
+ export default function Rect(props: any): void;
@@ -0,0 +1,4 @@
1
+ import { h, Component } from 'preact';
2
+ export default class TransfromGraph extends Component {
3
+ render(): h.JSX.Element;
4
+ }
@@ -32,7 +32,7 @@ export default class AdjustPoint extends Component<IProps, IState> {
32
32
  sourceRuleResults: Map<any, any>;
33
33
  constructor();
34
34
  onDragStart: () => void;
35
- onDraging: ({ deltaX, deltaY }: {
35
+ onDragging: ({ deltaX, deltaY }: {
36
36
  deltaX: any;
37
37
  deltaY: any;
38
38
  }) => void;
@@ -10,12 +10,12 @@ declare type AppendAttributesType = {
10
10
  };
11
11
  export default class PolylineEdge extends BaseEdge {
12
12
  drag: any;
13
- isDraging: boolean;
13
+ isDragging: boolean;
14
14
  appendInfo: AppendInfo;
15
15
  dragHandler: (ev: MouseEvent) => void;
16
16
  constructor();
17
17
  onDragStart: () => void;
18
- onDraging: ({ deltaX, deltaY }: {
18
+ onDragging: ({ deltaX, deltaY }: {
19
19
  deltaX: any;
20
20
  deltaY: any;
21
21
  }) => void;
@@ -6,11 +6,11 @@ declare type IProps = {
6
6
  model: BaseNodeModel;
7
7
  graphModel: GraphModel;
8
8
  };
9
- declare type Istate = {
9
+ declare type IState = {
10
10
  isHovered: boolean;
11
- isDraging?: boolean;
11
+ isDragging?: boolean;
12
12
  };
13
- export default abstract class BaseNode extends Component<IProps, Istate> {
13
+ export default abstract class BaseNode extends Component<IProps, IState> {
14
14
  t: any;
15
15
  moveOffset: {
16
16
  x: number;
@@ -33,7 +33,7 @@ export default abstract class BaseNode extends Component<IProps, Istate> {
33
33
  clientY: any;
34
34
  };
35
35
  }) => void;
36
- onDraging: ({ event }: {
36
+ onDragging: ({ event }: {
37
37
  event: any;
38
38
  }) => void;
39
39
  onDragEnd: () => void;
@@ -2,12 +2,12 @@ import { h } from 'preact';
2
2
  import BaseNode from './BaseNode';
3
3
  export default class HtmlNode extends BaseNode {
4
4
  ref: HTMLElement;
5
- currrentProperties: string;
5
+ currentProperties: string;
6
6
  preProperties: string;
7
7
  setRef: (dom: any) => void;
8
8
  get rootEl(): HTMLElement;
9
9
  /**
10
- * @overridable 支持重写
10
+ * @override 支持重写
11
11
  * 自定义HTML节点内容
12
12
  * @param {HTMLElement} rootEl 自定义HTML节点内容可以挂载的dom节点
13
13
  * @example
@@ -20,7 +20,7 @@ export default class HtmlNode extends BaseNode {
20
20
  */
21
21
  setHtml(rootEl: HTMLElement): void;
22
22
  /**
23
- * @overridable 支持重写
23
+ * @override 支持重写
24
24
  * 和react的shouldComponentUpdate类似,都是为了避免出发不必要的render.
25
25
  * 但是这里不一样的地方在于,setHtml方法,我们只在properties发生变化了后再触发。
26
26
  * 而x,y等这些坐标相关的方法发生了变化,不会再重新触发setHtml.
@@ -1,6 +1,6 @@
1
1
  import { h } from 'preact';
2
2
  import BaseNode from './BaseNode';
3
3
  export default class TextNode extends BaseNode {
4
- getBackgroud(): h.JSX.Element;
4
+ getBackground(): h.JSX.Element;
5
5
  getShape(): h.JSX.Element;
6
6
  }
@@ -6,15 +6,15 @@ declare type IProps = {
6
6
  graphModel: GraphModel;
7
7
  dnd: Dnd;
8
8
  };
9
- declare type Istate = {
10
- isDraging: boolean;
9
+ declare type IState = {
10
+ isDragging: boolean;
11
11
  };
12
- declare class CanvasOverlay extends Component<IProps, Istate> {
12
+ declare class CanvasOverlay extends Component<IProps, IState> {
13
13
  stepDrag: StepDrag;
14
14
  stepScrollX: number;
15
15
  stepScrollY: number;
16
16
  constructor(props: IProps);
17
- onDraging: ({ deltaX, deltaY }: {
17
+ onDragging: ({ deltaX, deltaY }: {
18
18
  deltaX: any;
19
19
  deltaY: any;
20
20
  }) => void;
@@ -9,7 +9,7 @@ declare type IProps = {
9
9
  editable: boolean;
10
10
  };
11
11
  declare type IState = {
12
- isHoverd: boolean;
12
+ isHovered: boolean;
13
13
  };
14
14
  export default class BaseText extends Component<IProps, IState> {
15
15
  dragHandler: (ev: MouseEvent) => void;
@@ -18,7 +18,7 @@ export default class BaseText extends Component<IProps, IState> {
18
18
  stepDrag: StepDrag;
19
19
  constructor(config: any);
20
20
  getShape(): h.JSX.Element;
21
- onDraging: ({ deltaX, deltaY }: {
21
+ onDragging: ({ deltaX, deltaY }: {
22
22
  deltaX: any;
23
23
  deltaY: any;
24
24
  }) => void;
@@ -2,7 +2,7 @@ import { h } from 'preact';
2
2
  import BaseText from './BaseText';
3
3
  export default class LineText extends BaseText {
4
4
  constructor(config: any);
5
- getBackgroud(): h.JSX.Element;
5
+ getBackground(): h.JSX.Element;
6
6
  setHoverON: () => void;
7
7
  setHoverOFF: () => void;
8
8
  getShape(): h.JSX.Element;