@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/dist/logic-flow.js +2 -2
- package/package.json +1 -1
- package/types/LogicFlow.d.ts +7 -6
- package/types/algorithm/edge.d.ts +1 -1
- package/types/constant/constant.d.ts +1 -1
- package/types/keyboard/index.d.ts +1 -1
- package/types/model/BaseModel.d.ts +2 -2
- package/types/model/GraphModel.d.ts +6 -6
- package/types/model/SnaplineModel.d.ts +1 -1
- package/types/model/TransformModel.d.ts +4 -4
- package/types/model/edge/BaseEdgeModel.d.ts +9 -9
- package/types/model/edge/PolylineEdgeModel.d.ts +4 -4
- package/types/model/node/BaseNodeModel.d.ts +15 -15
- package/types/tool/MultipleSelectTool.d.ts +1 -1
- package/types/util/drag.d.ts +7 -8
- package/types/util/node.d.ts +1 -1
- package/types/view/Anchor.d.ts +2 -2
- package/types/view/basic-shape/~LinearGradient.d.ts +1 -0
- package/types/view/behavior/~Transform.d.ts +4 -0
- package/types/view/edge/AdjustPoint.d.ts +1 -1
- package/types/view/edge/PolylineEdge.d.ts +2 -2
- package/types/view/node/BaseNode.d.ts +4 -4
- package/types/view/node/HtmlNode.d.ts +3 -3
- package/types/view/node/TextNode.d.ts +1 -1
- package/types/view/overlay/CanvasOverlay.d.ts +4 -4
- package/types/view/text/BaseText.d.ts +2 -2
- package/types/view/text/LineText.d.ts +1 -1
package/package.json
CHANGED
package/types/LogicFlow.d.ts
CHANGED
|
@@ -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: '
|
|
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 {};
|
|
@@ -84,7 +84,7 @@ export declare enum SegmentDirection {
|
|
|
84
84
|
HORIZONTAL = "horizontal",
|
|
85
85
|
VERTICAL = "vertical"
|
|
86
86
|
}
|
|
87
|
-
export declare const
|
|
87
|
+
export declare const ElementMaxZIndex = 9999;
|
|
88
88
|
export declare enum OverlapMode {
|
|
89
89
|
DEFAULT = 0,
|
|
90
90
|
INCREASE = 1
|
|
@@ -65,14 +65,14 @@ interface IBaseModel {
|
|
|
65
65
|
* 在自定义节点的时候,可以重写此方法基于自己的规则生成id。
|
|
66
66
|
* 注意,此方法必须是同步的。
|
|
67
67
|
* 如果想要异步修改Id,建议删除此节点后再同一位置创建一个新的节点。
|
|
68
|
-
* @
|
|
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(
|
|
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
|
|
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:
|
|
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
|
|
282
|
+
* @param isIgnoreRule 是否忽略移动规则限制
|
|
283
283
|
*/
|
|
284
|
-
moveNode(nodeId: BaseNodeModelId, deltaX: number, deltaY: number,
|
|
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,
|
|
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,
|
|
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(
|
|
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
|
|
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: (
|
|
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
|
|
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轴方向移动
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
51
|
+
* @override 支持重写
|
|
52
52
|
*/
|
|
53
53
|
setAttributes(): void;
|
|
54
54
|
/**
|
|
55
|
-
* @
|
|
55
|
+
* @override 支持重写,自定义此类型节点默认生成方式
|
|
56
56
|
* @returns string
|
|
57
57
|
*/
|
|
58
58
|
createId(): any;
|
|
59
59
|
/**
|
|
60
|
-
* @
|
|
60
|
+
* @override 支持重写
|
|
61
61
|
* 获取当前节点样式
|
|
62
62
|
* @returns 自定义边样式
|
|
63
63
|
*/
|
|
64
64
|
getEdgeStyle(): import("../../constant/DefaultTheme").CommonTheme;
|
|
65
65
|
/**
|
|
66
|
-
* @
|
|
66
|
+
* @override 支持重写
|
|
67
67
|
* 获取当前节点文本样式
|
|
68
68
|
*/
|
|
69
69
|
getTextStyle(): import("../../constant/DefaultTheme").EdgeTextTheme;
|
|
70
70
|
/**
|
|
71
|
-
* @
|
|
71
|
+
* @override 支持重写
|
|
72
72
|
* 获取当前边的动画样式
|
|
73
73
|
* @returns 自定义边动画样式
|
|
74
74
|
*/
|
|
75
75
|
getAnimation(): import("../../constant/DefaultAnimation").Animation;
|
|
76
76
|
/**
|
|
77
|
-
* @
|
|
77
|
+
* @override 支持重写
|
|
78
78
|
* 获取outline样式,重写可以定义此类型边outline样式, 默认使用主题样式
|
|
79
79
|
* @returns 自定义outline样式
|
|
80
80
|
*/
|
|
81
81
|
getOutlineStyle(): OutlineTheme;
|
|
82
82
|
/**
|
|
83
|
-
* @
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
21
|
+
getCrossPoint(direction: any, start: any, end: any): any;
|
|
22
22
|
removeCrossPoints(startIndex: any, endIndex: any, pointList: any): any;
|
|
23
|
-
|
|
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
|
-
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
91
|
+
* @override 支持重写
|
|
92
92
|
*/
|
|
93
93
|
setAttributes(): void;
|
|
94
94
|
/**
|
|
95
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
119
|
+
* @override 支持重写
|
|
120
120
|
* 获取当前节点样式
|
|
121
121
|
* @returns 自定义节点样式
|
|
122
122
|
*/
|
|
123
123
|
getNodeStyle(): ShapeStyleAttribute;
|
|
124
124
|
/**
|
|
125
|
-
* @
|
|
125
|
+
* @override 支持重写
|
|
126
126
|
* 获取当前节点文本样式
|
|
127
127
|
*/
|
|
128
128
|
getTextStyle(): import("../../constant/DefaultTheme").NodeTextTheme;
|
|
129
129
|
/**
|
|
130
|
-
* @
|
|
130
|
+
* @override 支持重写
|
|
131
131
|
* 获取当前节点锚点样式
|
|
132
132
|
* @returns 自定义样式
|
|
133
133
|
*/
|
|
134
134
|
getAnchorStyle(anchorInfo: any): Record<string, any>;
|
|
135
135
|
/**
|
|
136
|
-
* @
|
|
136
|
+
* @override 支持重写
|
|
137
137
|
* 获取当前节点锚点拖出连线样式
|
|
138
138
|
* @returns 自定义锚点拖出样式
|
|
139
139
|
*/
|
|
140
140
|
getAnchorLineStyle(): import("../../constant/DefaultTheme").CommonTheme;
|
|
141
141
|
/**
|
|
142
|
-
* @
|
|
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,
|
|
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,
|
|
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
|
-
* @
|
|
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,
|
|
186
|
-
moveTo(x: any, y: any,
|
|
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(
|
|
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
|
-
|
|
13
|
+
onDragging: ({ deltaX, deltaY }: {
|
|
14
14
|
deltaX: any;
|
|
15
15
|
deltaY: any;
|
|
16
16
|
}) => void;
|
package/types/util/drag.d.ts
CHANGED
|
@@ -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,
|
|
4
|
+
declare function createDrag({ onDragStart, onDragging, onDragEnd, step, isStopPropagation, }: {
|
|
5
5
|
onDragStart?: (...args: any[]) => void;
|
|
6
|
-
|
|
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
|
-
|
|
13
|
+
onDragging: Function;
|
|
14
14
|
onDragEnd: Function;
|
|
15
15
|
step: number;
|
|
16
16
|
isStopPropagation: boolean;
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
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
|
-
|
|
29
|
+
onDragging?: (...args: any[]) => void;
|
|
31
30
|
onDragEnd?: (...args: any[]) => void;
|
|
32
31
|
eventType?: string;
|
|
33
32
|
eventCenter?: any;
|
package/types/util/node.d.ts
CHANGED
|
@@ -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
|
|
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
|
* 基于节点的边,重新获取新的节点
|
package/types/view/Anchor.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ interface IState {
|
|
|
21
21
|
startY: number;
|
|
22
22
|
endX: number;
|
|
23
23
|
endY: number;
|
|
24
|
-
|
|
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
|
-
|
|
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;
|
|
@@ -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
|
-
|
|
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
|
-
|
|
13
|
+
isDragging: boolean;
|
|
14
14
|
appendInfo: AppendInfo;
|
|
15
15
|
dragHandler: (ev: MouseEvent) => void;
|
|
16
16
|
constructor();
|
|
17
17
|
onDragStart: () => void;
|
|
18
|
-
|
|
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
|
|
9
|
+
declare type IState = {
|
|
10
10
|
isHovered: boolean;
|
|
11
|
-
|
|
11
|
+
isDragging?: boolean;
|
|
12
12
|
};
|
|
13
|
-
export default abstract class BaseNode extends Component<IProps,
|
|
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
|
-
|
|
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
|
-
|
|
5
|
+
currentProperties: string;
|
|
6
6
|
preProperties: string;
|
|
7
7
|
setRef: (dom: any) => void;
|
|
8
8
|
get rootEl(): HTMLElement;
|
|
9
9
|
/**
|
|
10
|
-
* @
|
|
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
|
-
* @
|
|
23
|
+
* @override 支持重写
|
|
24
24
|
* 和react的shouldComponentUpdate类似,都是为了避免出发不必要的render.
|
|
25
25
|
* 但是这里不一样的地方在于,setHtml方法,我们只在properties发生变化了后再触发。
|
|
26
26
|
* 而x,y等这些坐标相关的方法发生了变化,不会再重新触发setHtml.
|
|
@@ -6,15 +6,15 @@ declare type IProps = {
|
|
|
6
6
|
graphModel: GraphModel;
|
|
7
7
|
dnd: Dnd;
|
|
8
8
|
};
|
|
9
|
-
declare type
|
|
10
|
-
|
|
9
|
+
declare type IState = {
|
|
10
|
+
isDragging: boolean;
|
|
11
11
|
};
|
|
12
|
-
declare class CanvasOverlay extends Component<IProps,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
5
|
+
getBackground(): h.JSX.Element;
|
|
6
6
|
setHoverON: () => void;
|
|
7
7
|
setHoverOFF: () => void;
|
|
8
8
|
getShape(): h.JSX.Element;
|