@moxa/graph 2.1.0 → 2.3.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/index.cjs +31 -27
- package/index.js +18676 -16455
- package/lib/behavior/create-edge.d.ts +63 -2
- package/lib/behavior/create-edge.d.ts.map +1 -1
- package/lib/behavior/drag-canvas.d.ts.map +1 -1
- package/lib/behavior/drag-element.d.ts +1 -0
- package/lib/behavior/drag-element.d.ts.map +1 -1
- package/lib/behavior/index.d.ts +1 -0
- package/lib/behavior/index.d.ts.map +1 -1
- package/lib/edge/custom/line-edge.d.ts +2 -0
- package/lib/edge/custom/line-edge.d.ts.map +1 -1
- package/lib/edge/custom/polyline-edge.d.ts +2 -0
- package/lib/edge/custom/polyline-edge.d.ts.map +1 -1
- package/lib/edge/custom/quadratic-edge.d.ts +2 -0
- package/lib/edge/custom/quadratic-edge.d.ts.map +1 -1
- package/lib/edge/helper/custom-edge.helper.d.ts.map +1 -1
- package/lib/edge/helper/edge-g6.mapper.d.ts +9 -11
- package/lib/edge/helper/edge-g6.mapper.d.ts.map +1 -1
- package/lib/edge/helper/edge.mapper.d.ts.map +1 -1
- package/lib/edge/helper/edge.theme.d.ts +2 -1
- package/lib/edge/helper/edge.theme.d.ts.map +1 -1
- package/lib/graph/graph.d.ts +278 -2
- package/lib/graph/graph.d.ts.map +1 -1
- package/lib/graph/graph.mapper.d.ts +1 -1
- package/lib/graph/graph.mapper.d.ts.map +1 -1
- package/lib/group/custom/device-group.d.ts.map +1 -1
- package/lib/group/helper/group-g6.mapper.d.ts.map +1 -1
- package/lib/group/helper/group.mapper.d.ts.map +1 -1
- package/lib/layout/force.d.ts +9 -0
- package/lib/layout/force.d.ts.map +1 -0
- package/lib/layout/index.d.ts +1 -1
- package/lib/layout/index.d.ts.map +1 -1
- package/lib/model/behavior.model.d.ts +2 -2
- package/lib/model/behavior.model.d.ts.map +1 -1
- package/lib/model/event.model.d.ts +6 -2
- package/lib/model/event.model.d.ts.map +1 -1
- package/lib/model/icon.model.d.ts +2 -1
- package/lib/model/icon.model.d.ts.map +1 -1
- package/lib/model/layout.model.d.ts +2 -2
- package/lib/model/layout.model.d.ts.map +1 -1
- package/lib/model/theme.model.d.ts +59 -0
- package/lib/model/theme.model.d.ts.map +1 -1
- package/lib/node/custom/device-node.d.ts.map +1 -1
- package/lib/node/helper/key-style.d.ts +3 -2
- package/lib/node/helper/key-style.d.ts.map +1 -1
- package/lib/node/helper/node-g6.mapper.d.ts +1 -2
- package/lib/node/helper/node-g6.mapper.d.ts.map +1 -1
- package/lib/node/helper/node.mapper.d.ts.map +1 -1
- package/lib/plugin/history.d.ts.map +1 -1
- package/lib/utils/edge.helper.d.ts +3 -3
- package/lib/utils/edge.helper.d.ts.map +1 -1
- package/lib/utils/index.d.ts +1 -0
- package/lib/utils/index.d.ts.map +1 -1
- package/lib/utils/theme.helper.d.ts +3 -0
- package/lib/utils/theme.helper.d.ts.map +1 -0
- package/package.json +1 -1
- package/lib/layout/mesh.d.ts +0 -9
- package/lib/layout/mesh.d.ts.map +0 -1
- package/lib/themes/light.theme.d.ts +0 -3
- package/lib/themes/light.theme.d.ts.map +0 -1
|
@@ -1,6 +1,67 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { BaseBehavior, BaseBehaviorOptions, ID, IPointerEvent, RuntimeContext } from '@antv/g6';
|
|
2
|
+
import { MxBehavior, MxBehaviorBaseOption, MxBehaviorFunction, MxEdgeData } from '../model';
|
|
3
|
+
export type MxCreateEdgeOption = MxBehaviorBaseOption & MxCreateEdgeOptions & {
|
|
3
4
|
type: typeof MxBehavior.CREATE_EDGE;
|
|
4
5
|
};
|
|
5
6
|
export declare const getCreateEdgeBehavior: MxBehaviorFunction<MxCreateEdgeOption>;
|
|
7
|
+
/**
|
|
8
|
+
* <zh/> 创建边交互配置项
|
|
9
|
+
*
|
|
10
|
+
* <en/> Create edge behavior options
|
|
11
|
+
*/
|
|
12
|
+
export interface MxCreateEdgeOptions extends BaseBehaviorOptions {
|
|
13
|
+
/**
|
|
14
|
+
* <zh/> 是否启用创建边的功能
|
|
15
|
+
*
|
|
16
|
+
* <en/> Whether to enable the function of creating edges
|
|
17
|
+
* @defaultValue true
|
|
18
|
+
*/
|
|
19
|
+
enable?: boolean | ((event: IPointerEvent) => boolean);
|
|
20
|
+
/**
|
|
21
|
+
* <zh/> 交互配置 点击 或 拖拽
|
|
22
|
+
*
|
|
23
|
+
* <en/> trigger click or drag.
|
|
24
|
+
* @defaultValue 'drag'
|
|
25
|
+
*/
|
|
26
|
+
trigger?: 'click' | 'drag';
|
|
27
|
+
onStart?: (edge: MxEdgeData) => void;
|
|
28
|
+
getStartEdge?: (edge: MxEdgeData) => MxEdgeData;
|
|
29
|
+
getCreateEdge?: (edge: MxEdgeData) => MxEdgeData;
|
|
30
|
+
onEnd?: (edge: MxEdgeData) => void;
|
|
31
|
+
onCancel?: () => void;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* <zh/> 创建边交互
|
|
35
|
+
*
|
|
36
|
+
* <en/> Create edge behavior
|
|
37
|
+
* @remarks
|
|
38
|
+
* <zh/> 通过拖拽或点击节点创建边,支持自定义边样式。
|
|
39
|
+
*
|
|
40
|
+
* <en/> Create edges by dragging or clicking nodes, and support custom edge styles.
|
|
41
|
+
*/
|
|
42
|
+
export declare class MxCreateEdge extends BaseBehavior<MxCreateEdgeOptions> {
|
|
43
|
+
static defaultOptions: Partial<MxCreateEdgeOptions>;
|
|
44
|
+
source?: ID;
|
|
45
|
+
private cursorPoint;
|
|
46
|
+
constructor(context: RuntimeContext, options: MxCreateEdgeOptions);
|
|
47
|
+
/**
|
|
48
|
+
* Update options
|
|
49
|
+
* @param options - The options to update
|
|
50
|
+
* @internal
|
|
51
|
+
*/
|
|
52
|
+
update(options: Partial<MxCreateEdgeOptions>): void;
|
|
53
|
+
private bindEvents;
|
|
54
|
+
private drop;
|
|
55
|
+
startCreateEdge: (id: ID) => void;
|
|
56
|
+
private handleCreateEdge;
|
|
57
|
+
private updateCursorPoint;
|
|
58
|
+
private updateAssistEdge;
|
|
59
|
+
private createEdge;
|
|
60
|
+
private cancelEdge;
|
|
61
|
+
private getSelectedNodeIDs;
|
|
62
|
+
private validate;
|
|
63
|
+
private checkNodeExist;
|
|
64
|
+
private unbindEvents;
|
|
65
|
+
destroy(): void;
|
|
66
|
+
}
|
|
6
67
|
//# sourceMappingURL=create-edge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-edge.d.ts","sourceRoot":"","sources":["../../../../libs/graph/src/lib/behavior/create-edge.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"create-edge.d.ts","sourceRoot":"","sources":["../../../../libs/graph/src/lib/behavior/create-edge.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,mBAAmB,EAOnB,EAAE,EAEF,aAAa,EAIb,cAAc,EACf,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,UAAU,EACX,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GACnD,mBAAmB,GAAG;IACpB,IAAI,EAAE,OAAO,UAAU,CAAC,WAAW,CAAC;CACrC,CAAC;AAEJ,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,CAAC,kBAAkB,CAStE,CAAC;AAKJ;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC;IACvD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAErC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,CAAC;IAEhD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,CAAC;IAEjD,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAEnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,qBAAa,YAAa,SAAQ,YAAY,CAAC,mBAAmB,CAAC;IACjE,MAAM,CAAC,cAAc,EAAE,OAAO,CAAC,mBAAmB,CAAC,CASjD;IAEK,MAAM,CAAC,EAAE,EAAE,CAAC;IACnB,OAAO,CAAC,WAAW,CAAiB;gBAExB,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,mBAAmB;IAKjE;;;;OAIG;IACa,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAKnE,OAAO,CAAC,UAAU;IAoBlB,OAAO,CAAC,IAAI,CAOV;IAGK,eAAe,OAAQ,EAAE,KAAG,IAAI,CAKrC;IAEF,OAAO,CAAC,gBAAgB,CAiDtB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,gBAAgB,CAOtB;IAEF,OAAO,CAAC,UAAU,CAsBhB;IAEF,OAAO,CAAC,UAAU,CAahB;IAEF,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,YAAY;IAcJ,OAAO;CAIxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-canvas.d.ts","sourceRoot":"","sources":["../../../../libs/graph/src/lib/behavior/drag-canvas.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG;IACtD,IAAI,EAAE,OAAO,UAAU,CAAC,WAAW,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"drag-canvas.d.ts","sourceRoot":"","sources":["../../../../libs/graph/src/lib/behavior/drag-canvas.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG;IACtD,IAAI,EAAE,OAAO,UAAU,CAAC,WAAW,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,CAAC,kBAAkB,CAkBtE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { MxBehavior, MxBehaviorBaseOption, MxBehaviorFunction } from '../model';
|
|
2
2
|
export type MxDragElementOption = MxBehaviorBaseOption & {
|
|
3
3
|
type: typeof MxBehavior.DRAG_ELEMENT;
|
|
4
|
+
onFinish?: (ids: string[]) => void;
|
|
4
5
|
};
|
|
5
6
|
export declare const getDragElementBehavior: MxBehaviorFunction<MxDragElementOption>;
|
|
6
7
|
//# sourceMappingURL=drag-element.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-element.d.ts","sourceRoot":"","sources":["../../../../libs/graph/src/lib/behavior/drag-element.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"drag-element.d.ts","sourceRoot":"","sources":["../../../../libs/graph/src/lib/behavior/drag-element.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GAAG;IACvD,IAAI,EAAE,OAAO,UAAU,CAAC,YAAY,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,kBAAkB,CAAC,mBAAmB,CA4BxE,CAAC"}
|
package/lib/behavior/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/graph/src/lib/behavior/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/graph/src/lib/behavior/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}
|
|
@@ -5,12 +5,14 @@ import { MxBaseEdgeStyleProps, MxEdgeLabel } from '../../model/index.ts';
|
|
|
5
5
|
export type MxLineStyleProps = LineStyleProps & MxBaseEdgeStyleProps;
|
|
6
6
|
export type MxEdgeLabelStyle = Prefix<'label', EdgeLabelStyleProps & Pick<MxEdgeLabel, 'id' | 'position' | 'startArrow' | 'endArrow' | 'type'>>;
|
|
7
7
|
export declare class LineEdge extends Line {
|
|
8
|
+
private labelShapeIds;
|
|
8
9
|
getEndpoints(attrs: Required<MxLineStyleProps>): [import("@antv/g6").Point, import("@antv/g6").Point];
|
|
9
10
|
getKeyStyle(attrs: Required<MxLineStyleProps>): PathStyleProps;
|
|
10
11
|
getLoopPath(attributes: Required<MxLineStyleProps>): PathArray;
|
|
11
12
|
drawCustomLabelShape(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
12
13
|
drawLabelArrow(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
13
14
|
drawMiddleArrow(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
15
|
+
clearLabels(): void;
|
|
14
16
|
render(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
15
17
|
}
|
|
16
18
|
//# sourceMappingURL=line-edge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-edge.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/custom/line-edge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAS,cAAc,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EACL,mBAAmB,EAGnB,IAAI,EACJ,cAAc,EAEd,SAAS,EAGV,MAAM,UAAU,CAAC;AAElB,OAAO,EAAkB,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5D,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUtE,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,oBAAoB,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACnC,OAAO,EACP,mBAAmB,GACjB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC,CAC5E,CAAC;AAEF,qBAAa,QAAS,SAAQ,IAAI;
|
|
1
|
+
{"version":3,"file":"line-edge.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/custom/line-edge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAS,cAAc,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EACL,mBAAmB,EAGnB,IAAI,EACJ,cAAc,EAEd,SAAS,EAGV,MAAM,UAAU,CAAC;AAElB,OAAO,EAAkB,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5D,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUtE,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,oBAAoB,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACnC,OAAO,EACP,mBAAmB,GACjB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC,CAC5E,CAAC;AAEF,qBAAa,QAAS,SAAQ,IAAI;IAChC,OAAO,CAAC,aAAa,CAAgB;IAE5B,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAK9C,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,GAAG,cAAc;IAW9D,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,gBAAgB,CAAC,GAAG,SAAS;IA+BvE,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IAYxE,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IA8BlE,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IAgCnE,WAAW;IASF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;CAMpE"}
|
|
@@ -4,6 +4,7 @@ import { MxBaseEdgeStyleProps } from '../../model/index.ts';
|
|
|
4
4
|
import { MxLineStyleProps } from './line-edge';
|
|
5
5
|
export type MxPolylineEdgeStyle = PolylineStyleProps & MxBaseEdgeStyleProps;
|
|
6
6
|
export declare class PolylineEdge extends Polyline {
|
|
7
|
+
private labelShapeIds;
|
|
7
8
|
get states(): State[];
|
|
8
9
|
get isEdgeExist(): boolean;
|
|
9
10
|
getKeyPath(attrs: Required<MxPolylineEdgeStyle>): PathArray;
|
|
@@ -14,6 +15,7 @@ export declare class PolylineEdge extends Polyline {
|
|
|
14
15
|
drawCustomLabelShape(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
15
16
|
drawLabelArrow(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
16
17
|
drawMiddleArrow(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
18
|
+
clearLabels(): void;
|
|
17
19
|
render(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
18
20
|
}
|
|
19
21
|
//# sourceMappingURL=polyline-edge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"polyline-edge.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/custom/polyline-edge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAS,cAAc,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAGL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,kBAAkB,EAElB,KAAK,EACN,MAAM,UAAU,CAAC;AAKlB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC;AAE5E,qBAAa,YAAa,SAAQ,QAAQ;IACxC,IAAI,MAAM,IAAI,KAAK,EAAE,CAGpB;IAED,IAAI,WAAW,YAEd;IAEQ,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,GAAG,SAAS;IAyB3D,gBAAgB,CACvB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,EACpC,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,GACjB,KAAK,EAAE;IAmBV,OAAO,CAAC,SAAS;IAgBR,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IAQjD,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,GAAG,cAAc;IAO1E,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"polyline-edge.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/custom/polyline-edge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAS,cAAc,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAGL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,kBAAkB,EAElB,KAAK,EACN,MAAM,UAAU,CAAC;AAKlB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC;AAE5E,qBAAa,YAAa,SAAQ,QAAQ;IACxC,OAAO,CAAC,aAAa,CAAgB;IAErC,IAAI,MAAM,IAAI,KAAK,EAAE,CAGpB;IAED,IAAI,WAAW,YAEd;IAEQ,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,GAAG,SAAS;IAyB3D,gBAAgB,CACvB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,EACpC,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,GACjB,KAAK,EAAE;IAmBV,OAAO,CAAC,SAAS;IAgBR,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC;IAQjD,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,GAAG,cAAc;IAO1E,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IAWxE,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IA8BlE,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IAgCnE,WAAW;IASF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;CAMpE"}
|
|
@@ -4,6 +4,7 @@ import { MxBaseEdgeStyleProps } from '../../model/index.ts';
|
|
|
4
4
|
import { MxLineStyleProps } from './line-edge';
|
|
5
5
|
export type MxQuadraticEdgeStyle = QuadraticStyleProps & MxBaseEdgeStyleProps;
|
|
6
6
|
export declare class QuadraticEdge extends Quadratic {
|
|
7
|
+
private labelShapeIds;
|
|
7
8
|
get states(): State[];
|
|
8
9
|
get isEdgeExist(): boolean;
|
|
9
10
|
getEndpoints(attrs: Required<MxQuadraticEdgeStyle>): [import("@antv/g6").Point, import("@antv/g6").Point];
|
|
@@ -11,6 +12,7 @@ export declare class QuadraticEdge extends Quadratic {
|
|
|
11
12
|
drawCustomLabelShape(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
12
13
|
drawLabelArrow(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
13
14
|
drawMiddleArrow(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
15
|
+
clearLabels(): void;
|
|
14
16
|
render(attrs: Required<MxLineStyleProps>, container: Group): void;
|
|
15
17
|
}
|
|
16
18
|
//# sourceMappingURL=quadratic-edge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"quadratic-edge.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/custom/quadratic-edge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAS,cAAc,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAGL,SAAS,EACT,mBAAmB,EAEnB,KAAK,EACN,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG,oBAAoB,CAAC;AAE9E,qBAAa,aAAc,SAAQ,SAAS;IAC1C,IAAI,MAAM,IAAI,KAAK,EAAE,CAGpB;IAED,IAAI,WAAW,YAEd;IAEQ,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IAKlD,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,GAAG,cAAc;IAO3E,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"quadratic-edge.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/custom/quadratic-edge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAS,cAAc,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAGL,SAAS,EACT,mBAAmB,EAEnB,KAAK,EACN,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG,oBAAoB,CAAC;AAE9E,qBAAa,aAAc,SAAQ,SAAS;IAC1C,OAAO,CAAC,aAAa,CAAgB;IAErC,IAAI,MAAM,IAAI,KAAK,EAAE,CAGpB;IAED,IAAI,WAAW,YAEd;IAEQ,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IAKlD,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,GAAG,cAAc;IAO3E,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IAWxE,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IA8BlE,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;IAgCnE,WAAW;IASF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK;CAMpE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-edge.helper.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/helper/custom-edge.helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAQ,MAAM,SAAS,CAAC;AAChD,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,EAEpB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAe,MAAM,aAAa,CAAC;AAahE,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC;AAEzE,eAAO,MAAM,SAAS,SACd,QAAQ,SACP,SAAS,gBAAgB,CAAC,KAChC,KAAK,
|
|
1
|
+
{"version":3,"file":"custom-edge.helper.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/helper/custom-edge.helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAQ,MAAM,SAAS,CAAC;AAChD,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,EAEpB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAe,MAAM,aAAa,CAAC;AAahE,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC;AAEzE,eAAO,MAAM,SAAS,SACd,QAAQ,SACP,SAAS,gBAAgB,CAAC,KAChC,KAAK,EAGP,CAAC;AAEF,eAAO,MAAM,aAAa,SAClB,QAAQ,SACP,SAAS,gBAAgB,CAAC,KAChC,mBA8CF,CAAC;AAEF,eAAO,MAAM,kBAAkB,SACvB,QAAQ,SACP,SAAS,gBAAgB,CAAC,QAC3B,OAAO,GAAG,KAAK,KACpB,eAwCF,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,QAAQ,SACP,SAAS,gBAAgB,CAAC,QAC3B,OAAO,GAAG,KAAK,KACpB,eA4BF,CAAC"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import { EdgeData } from '@antv/g6';
|
|
2
2
|
import { EdgeStyle } from '@antv/g6/lib/spec/element/edge';
|
|
3
|
-
import {
|
|
4
|
-
import { MxEdgeArrow, MxEdgeConfig, MxEdgeData, MxEdgeLabel, MxEdgeType, MxPartialEdgeData } from '../../model';
|
|
5
|
-
export declare const toEdgeCommonStyle: (config: EdgeStyle) => MxEdgeConfig;
|
|
6
|
-
export declare const toEdgeType: (type: string) => MxEdgeType;
|
|
7
|
-
export declare const toEdgeLabel: (label: EdgeStyle) => MxEdgeLabel;
|
|
8
|
-
export declare const toLabels: (labels: any[]) => MxEdgeLabel[];
|
|
9
|
-
export declare const toEdgeArrow: (arrows: EdgeStyle) => MxEdgeArrow;
|
|
3
|
+
import { MxEdgeConfig, MxEdgeData } from '../../model';
|
|
10
4
|
export declare const toEdgeData: (edge: EdgeData) => MxEdgeData;
|
|
11
|
-
export declare const
|
|
5
|
+
export declare const toEdgeCommon: (style: EdgeData['style']) => MxEdgeConfig;
|
|
6
|
+
export declare const toEdgeType: (type: EdgeData['type']) => MxEdgeConfig;
|
|
7
|
+
export declare const toEdgeLabels: (styles: EdgeStyle[]) => MxEdgeConfig;
|
|
8
|
+
export declare const toEdgeArrow: (style: EdgeData['style']) => MxEdgeConfig;
|
|
12
9
|
export declare const G6EdgeMapper: {
|
|
13
10
|
toEdgeData: (edge: EdgeData) => MxEdgeData;
|
|
14
|
-
toEdgeCommon: (
|
|
15
|
-
toEdgeType: (type:
|
|
16
|
-
toEdgeArrow: (
|
|
11
|
+
toEdgeCommon: (style: EdgeData['style']) => MxEdgeConfig;
|
|
12
|
+
toEdgeType: (type: EdgeData['type']) => MxEdgeConfig;
|
|
13
|
+
toEdgeArrow: (style: EdgeData['style']) => MxEdgeConfig;
|
|
14
|
+
toEdgeLabels: (styles: EdgeStyle[]) => MxEdgeConfig;
|
|
17
15
|
};
|
|
18
16
|
//# sourceMappingURL=edge-g6.mapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edge-g6.mapper.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/helper/edge-g6.mapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,
|
|
1
|
+
{"version":3,"file":"edge-g6.mapper.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/helper/edge-g6.mapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAEL,YAAY,EACZ,UAAU,EAIX,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,UAAU,SAAU,QAAQ,KAAG,UAwB3C,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,QAAQ,CAAC,OAAO,CAAC,KAAG,YAUvD,CAAC;AAEF,eAAO,MAAM,UAAU,SAAU,QAAQ,CAAC,MAAM,CAAC,KAAG,YASnD,CAAC;AAEF,eAAO,MAAM,YAAY,WAAY,SAAS,EAAE,KAAG,YA6ClD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,QAAQ,CAAC,OAAO,CAAC,KAAG,YAmCtD,CAAC;AAEF,eAAO,MAAM,YAAY;uBArIQ,QAAQ,KAAG,UAAU;0BA0BlB,QAAQ,CAAC,OAAO,CAAC,KAAG,YAAY;uBAYnC,QAAQ,CAAC,MAAM,CAAC,KAAG,YAAY;yBA0D7B,QAAQ,CAAC,OAAO,CAAC,KAAG,YAAY;2BA/C9B,SAAS,EAAE,KAAG,YAAY;CA0F9D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edge.mapper.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/helper/edge.mapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"edge.mapper.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/helper/edge.mapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AA+L3E,eAAO,MAAM,YAAY;uBA5LjB,iBAAiB;;UAEtB,gBAAgB,QAAQ,CAAC;gCAuCO,YAAY,KAAG,SAAS;uBAkBjC,YAAY,CAAC,MAAM,CAAC,KAAG,QAAQ,QAAQ,CAAC;0BAkFrC,YAAY,CAAC,QAAQ,CAAC,KAAG,SAAS;yBArEnC,WAAW,KAAG,SAAS;yBAyFvB,YAAY,CAAC,MAAM,CAAC,KAAG,SAAS;6BAS5B,YAAY,KAAG,SAAS;8BAOvB,YAAY,CAAC,WAAW,CAAC,KAAG,SAAS;CAoBrE,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { EdgeArrowStyleProps, EdgeLabelStyleProps, State } from '@antv/g6';
|
|
2
2
|
import { EdgeStyle } from '@antv/g6/lib/spec/element/edge';
|
|
3
|
+
import { MxGraph } from '../../../index.ts';
|
|
3
4
|
import { MxEdgeHighlightType, MxHighlightCommonType, MxUserThemeType } from '../../model';
|
|
4
|
-
export declare const getEdgeColor: (type: MxHighlightCommonType, states: State[], theme?: MxUserThemeType) => string;
|
|
5
|
+
export declare const getEdgeColor: (graph: MxGraph, type: MxHighlightCommonType, states: State[], theme?: MxUserThemeType) => string | undefined;
|
|
5
6
|
export declare const getHighlightType: (highlight: MxEdgeHighlightType, type: 'start' | 'end') => MxHighlightCommonType;
|
|
6
7
|
export declare const getEdgeLabelColorStyle: (attrs: any, theme?: MxUserThemeType) => Omit<EdgeLabelStyleProps, 'text'>;
|
|
7
8
|
export declare const getEdgeArrowStyle: (attrs: any, states: State[], type: 'start' | 'end', theme?: MxUserThemeType) => EdgeArrowStyleProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edge.theme.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/helper/edge.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,EAEN,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"edge.theme.d.ts","sourceRoot":"","sources":["../../../../../libs/graph/src/lib/edge/helper/edge.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,EAEN,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,OAAO,EAAc,OAAO,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EACL,mBAAmB,EAEnB,qBAAqB,EACrB,eAAe,EAChB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,YAAY,UAChB,OAAO,QACR,qBAAqB,UACnB,KAAK,EAAE,UACR,eAAe,uBAsBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAChB,mBAAmB,QACxB,OAAO,GAAG,KAAK,0BAQtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAC1B,GAAG,UACH,eAAe,KACrB,KAAK,mBAAmB,EAAE,MAAM,CAyClC,CAAC;AAEF,eAAO,MAAM,iBAAiB,UACrB,GAAG,UACF,KAAK,EAAE,QACT,OAAO,GAAG,KAAK,UACd,eAAe,KACrB,mBASF,CAAC;AAEF,eAAO,MAAM,YAAY,UAChB,GAAG,UACF,KAAK,EAAE,SACR,eAAe,KACrB,SAWF,CAAC"}
|
package/lib/graph/graph.d.ts
CHANGED
|
@@ -1,40 +1,155 @@
|
|
|
1
|
-
import { Graph, IEvent, State } from '@antv/g6';
|
|
1
|
+
import { BaseBehavior, BaseBehaviorOptions, Graph, IEvent, State } from '@antv/g6';
|
|
2
|
+
import { BehaviorController } from '@antv/g6/lib/runtime/behavior';
|
|
2
3
|
import { DataController } from '@antv/g6/lib/runtime/data';
|
|
3
4
|
import { ElementController } from '@antv/g6/lib/runtime/element';
|
|
4
|
-
import { MxEdgeData, MxElementType, MxGraphConfig, MxGraphData, MxGraphRenderer, MxGroupData, MxLayoutConfig, MxNodeData, MxPartialEdgeData, MxPartialGroupData, MxPartialNodeData, MxUserBehavior, MxUserPlugin, MxUserThemeType } from '../model';
|
|
5
|
+
import { DesignTokenConfig, MxEdgeData, MxElementType, MxGraphConfig, MxGraphData, MxGraphRenderer, MxGroupData, MxLayoutConfig, MxNodeData, MxPartialEdgeData, MxPartialGroupData, MxPartialNodeData, MxTokenConfig, MxTokenValues, MxUserBehavior, MxUserPlugin, MxUserThemeType } from '../model';
|
|
5
6
|
declare class MxGraph {
|
|
6
7
|
private config;
|
|
7
8
|
private _graph;
|
|
8
9
|
private renderType;
|
|
9
10
|
iconSpriteText: string;
|
|
11
|
+
tokenConfig: MxTokenConfig;
|
|
12
|
+
/**
|
|
13
|
+
* 獲取圖形實例
|
|
14
|
+
* @returns 圖形實例
|
|
15
|
+
*/
|
|
10
16
|
get graph(): Graph;
|
|
17
|
+
/**
|
|
18
|
+
* 獲取容器元素
|
|
19
|
+
* @returns 容器元素
|
|
20
|
+
*/
|
|
11
21
|
get container(): HTMLElement;
|
|
22
|
+
/**
|
|
23
|
+
* 獲取元素控制器
|
|
24
|
+
* @returns 元素控制器
|
|
25
|
+
*/
|
|
12
26
|
get elementController(): ElementController;
|
|
27
|
+
/**
|
|
28
|
+
* 獲取數據控制器
|
|
29
|
+
* @returns 數據控制器
|
|
30
|
+
*/
|
|
13
31
|
get dataController(): DataController;
|
|
32
|
+
get behaviorController(): BehaviorController;
|
|
33
|
+
/**
|
|
34
|
+
* 建構函數
|
|
35
|
+
* @param config - 圖形配置
|
|
36
|
+
*/
|
|
14
37
|
constructor(config: MxGraphConfig);
|
|
38
|
+
/**
|
|
39
|
+
* 初始化圖形
|
|
40
|
+
* @param options - 圖形選項
|
|
41
|
+
*/
|
|
15
42
|
private initGraph;
|
|
43
|
+
/**
|
|
44
|
+
* 載入圖示精靈
|
|
45
|
+
* @returns 是否成功載入圖示精靈
|
|
46
|
+
*/
|
|
16
47
|
private loadIconSprite;
|
|
48
|
+
private loadTokenConfig;
|
|
49
|
+
/**
|
|
50
|
+
* 檢查元素是否存在
|
|
51
|
+
* @param id - 元素ID
|
|
52
|
+
* @returns 元素是否存在
|
|
53
|
+
*/
|
|
17
54
|
hasElement(id: string): boolean;
|
|
55
|
+
/**
|
|
56
|
+
* 獲取圖形配置
|
|
57
|
+
* @returns 當前圖形配置
|
|
58
|
+
*/
|
|
18
59
|
getConfig(): MxGraphConfig;
|
|
60
|
+
/**
|
|
61
|
+
* 獲取元素類型
|
|
62
|
+
* @param id - 元素ID
|
|
63
|
+
* @returns 元素類型
|
|
64
|
+
*/
|
|
19
65
|
getElementType(id: string): MxElementType;
|
|
66
|
+
/**
|
|
67
|
+
* 獲取元素狀態
|
|
68
|
+
* @param id - 元素ID
|
|
69
|
+
* @returns 元素狀態
|
|
70
|
+
*/
|
|
20
71
|
getElementState(id: string): string[];
|
|
72
|
+
/**
|
|
73
|
+
* 根據狀態獲取元素
|
|
74
|
+
* @param type - 元素類型
|
|
75
|
+
* @param state - 元素狀態
|
|
76
|
+
* @returns 元素數據
|
|
77
|
+
*/
|
|
21
78
|
getElementByState(type: 'node', state: string): MxNodeData[];
|
|
22
79
|
getElementByState(type: 'edge', state: string): MxEdgeData[];
|
|
23
80
|
getElementByState(type: 'group', state: string): MxGroupData[];
|
|
81
|
+
/**
|
|
82
|
+
* 設置渲染器
|
|
83
|
+
* @param renderer - 渲染器類型
|
|
84
|
+
*/
|
|
24
85
|
setRenderer(renderer: MxGraphRenderer): void;
|
|
86
|
+
/**
|
|
87
|
+
* 獲取主題
|
|
88
|
+
* @returns 當前主題
|
|
89
|
+
*/
|
|
25
90
|
getTheme(): MxUserThemeType;
|
|
91
|
+
getThemeTokens(): MxTokenValues;
|
|
92
|
+
/**
|
|
93
|
+
* 設置主題
|
|
94
|
+
* @param theme - 主題類型
|
|
95
|
+
*/
|
|
26
96
|
setTheme(theme: MxUserThemeType): void;
|
|
97
|
+
setThemeTokens(config: DesignTokenConfig | any): void;
|
|
98
|
+
/**
|
|
99
|
+
* 獲取佈局配置
|
|
100
|
+
* @returns 佈局配置
|
|
101
|
+
*/
|
|
27
102
|
getLayout(): MxLayoutConfig[];
|
|
103
|
+
/**
|
|
104
|
+
* 設置佈局配置
|
|
105
|
+
* @param config - 佈局配置
|
|
106
|
+
*/
|
|
28
107
|
setLayout(config: MxLayoutConfig | MxLayoutConfig[] | ((pre: MxLayoutConfig[]) => MxLayoutConfig[])): void;
|
|
108
|
+
/**
|
|
109
|
+
* 執行佈局
|
|
110
|
+
*/
|
|
29
111
|
layout(): void;
|
|
112
|
+
/**
|
|
113
|
+
* 調整圖形大小
|
|
114
|
+
* @param width - 寬度
|
|
115
|
+
* @param height - 高度
|
|
116
|
+
*/
|
|
30
117
|
resize(): void;
|
|
31
118
|
resize(width?: number, height?: number): void;
|
|
119
|
+
/**
|
|
120
|
+
* 刷新圖形
|
|
121
|
+
*/
|
|
32
122
|
refresh(): void;
|
|
123
|
+
/**
|
|
124
|
+
* 設置是否自動調整大小
|
|
125
|
+
* @param auto - 是否自動調整大小
|
|
126
|
+
*/
|
|
33
127
|
autoSize(auto: boolean): void;
|
|
128
|
+
/**
|
|
129
|
+
* 縮放圖形
|
|
130
|
+
* @param ratio - 縮放比例
|
|
131
|
+
*/
|
|
34
132
|
zoom(ratio: number): void;
|
|
133
|
+
/**
|
|
134
|
+
* 縮放到指定比例
|
|
135
|
+
* @param ratio - 縮放比例
|
|
136
|
+
*/
|
|
35
137
|
zoomTo(ratio: number): void;
|
|
138
|
+
/**
|
|
139
|
+
* 獲取子元素數據
|
|
140
|
+
* @param id - 元素ID
|
|
141
|
+
* @returns 子元素數據
|
|
142
|
+
*/
|
|
36
143
|
getChildrenData(id: string): (MxNodeData | MxGroupData)[];
|
|
144
|
+
/**
|
|
145
|
+
* 獲取當前縮放比例
|
|
146
|
+
* @returns 縮放比例
|
|
147
|
+
*/
|
|
37
148
|
getZoom(): number;
|
|
149
|
+
/**
|
|
150
|
+
* 獲取常用點
|
|
151
|
+
* @returns 常用點
|
|
152
|
+
*/
|
|
38
153
|
getCommonPoints(): {
|
|
39
154
|
middle: {
|
|
40
155
|
x: number;
|
|
@@ -57,7 +172,16 @@ declare class MxGraph {
|
|
|
57
172
|
y: number;
|
|
58
173
|
};
|
|
59
174
|
};
|
|
175
|
+
/**
|
|
176
|
+
* 獲取圖形邊界矩形
|
|
177
|
+
* @returns 邊界矩形
|
|
178
|
+
*/
|
|
60
179
|
getBoundingRect(): DOMRect;
|
|
180
|
+
/**
|
|
181
|
+
* 將畫布坐標轉換為視口坐標
|
|
182
|
+
* @param point - 畫布坐標
|
|
183
|
+
* @returns 視口坐標
|
|
184
|
+
*/
|
|
61
185
|
canvasToViewport(point: {
|
|
62
186
|
x: number;
|
|
63
187
|
y: number;
|
|
@@ -65,6 +189,11 @@ declare class MxGraph {
|
|
|
65
189
|
x: number;
|
|
66
190
|
y: number;
|
|
67
191
|
};
|
|
192
|
+
/**
|
|
193
|
+
* 將視口坐標轉換為畫布坐標
|
|
194
|
+
* @param point - 視口坐標
|
|
195
|
+
* @returns 畫布坐標
|
|
196
|
+
*/
|
|
68
197
|
viewportToCanvas(point: {
|
|
69
198
|
x: number;
|
|
70
199
|
y: number;
|
|
@@ -72,48 +201,195 @@ declare class MxGraph {
|
|
|
72
201
|
x: number;
|
|
73
202
|
y: number;
|
|
74
203
|
};
|
|
204
|
+
/**
|
|
205
|
+
* 適應視口
|
|
206
|
+
*/
|
|
75
207
|
fitView(): void;
|
|
208
|
+
/**
|
|
209
|
+
* 適應中心
|
|
210
|
+
*/
|
|
76
211
|
fitCenter(): void;
|
|
212
|
+
/**
|
|
213
|
+
* 聚焦元素
|
|
214
|
+
* @param id - 元素ID
|
|
215
|
+
*/
|
|
77
216
|
focusItem(id: string): void;
|
|
217
|
+
/**
|
|
218
|
+
* 撤銷上一步操作
|
|
219
|
+
*/
|
|
78
220
|
undo(): void;
|
|
221
|
+
/**
|
|
222
|
+
* 重做上一步操作
|
|
223
|
+
*/
|
|
79
224
|
redo(): void;
|
|
225
|
+
/**
|
|
226
|
+
* 渲染圖形
|
|
227
|
+
*/
|
|
80
228
|
render(): Promise<void>;
|
|
229
|
+
/**
|
|
230
|
+
* 設置圖形數據
|
|
231
|
+
* @param data - 圖形數據
|
|
232
|
+
*/
|
|
81
233
|
setData(data: MxGraphData): void;
|
|
234
|
+
/**
|
|
235
|
+
* 清空圖形
|
|
236
|
+
*/
|
|
82
237
|
clear(): Promise<void>;
|
|
238
|
+
/**
|
|
239
|
+
* 獲取事件
|
|
240
|
+
* @returns 事件對象
|
|
241
|
+
*/
|
|
83
242
|
getEvent(): Record<string, any>;
|
|
243
|
+
/**
|
|
244
|
+
* 檢查是否有指定事件
|
|
245
|
+
* @param eventName - 事件名稱
|
|
246
|
+
* @returns 是否有指定事件
|
|
247
|
+
*/
|
|
84
248
|
hasEvent(eventName: string): boolean;
|
|
249
|
+
/**
|
|
250
|
+
* 獲取行為
|
|
251
|
+
* @returns 行為列表
|
|
252
|
+
*/
|
|
85
253
|
getBehavior(): MxUserBehavior[];
|
|
254
|
+
getBehaviorInstance<T extends BaseBehaviorOptions = any>(key: string): BaseBehavior<T>;
|
|
255
|
+
/**
|
|
256
|
+
* 設置行為
|
|
257
|
+
* @param behavior - 行為
|
|
258
|
+
*/
|
|
86
259
|
setBehavior(behavior: MxUserBehavior | MxUserBehavior[] | ((pre: MxUserBehavior[]) => MxUserBehavior[])): void;
|
|
260
|
+
/**
|
|
261
|
+
* 監聽事件
|
|
262
|
+
* @param eventName - 事件名稱
|
|
263
|
+
* @param callback - 回調函數
|
|
264
|
+
*/
|
|
87
265
|
on<T extends IEvent>(eventName: string, callback: (e: T) => void): void;
|
|
266
|
+
/**
|
|
267
|
+
* 監聽事件(一次性)
|
|
268
|
+
* @param eventName - 事件名稱
|
|
269
|
+
* @param callback - 回調函數
|
|
270
|
+
*/
|
|
88
271
|
once<T extends IEvent>(eventName: string, callback: (e: T) => void): void;
|
|
272
|
+
/**
|
|
273
|
+
* 取消監聽事件
|
|
274
|
+
* @param eventName - 事件名稱
|
|
275
|
+
* @param callback - 回調函數
|
|
276
|
+
*/
|
|
89
277
|
off(): void;
|
|
90
278
|
off(eventName: string): void;
|
|
279
|
+
/**
|
|
280
|
+
* 獲取節點數據
|
|
281
|
+
* @param id - 節點ID
|
|
282
|
+
* @returns 節點數據
|
|
283
|
+
*/
|
|
91
284
|
getNodeData(): MxNodeData[];
|
|
92
285
|
getNodeData(id: string): MxNodeData;
|
|
93
286
|
getNodeData(id: string[]): MxNodeData[];
|
|
287
|
+
/**
|
|
288
|
+
* 添加節點
|
|
289
|
+
* @param node - 節點數據
|
|
290
|
+
*/
|
|
94
291
|
addNode(node: MxNodeData | MxNodeData[]): void;
|
|
292
|
+
/**
|
|
293
|
+
* 更新節點
|
|
294
|
+
* @param node - 節點數據
|
|
295
|
+
*/
|
|
95
296
|
updateNode(node: MxPartialNodeData | MxPartialNodeData[]): void;
|
|
297
|
+
/**
|
|
298
|
+
* 移除節點
|
|
299
|
+
* @param id - 節點ID
|
|
300
|
+
*/
|
|
96
301
|
removeNode(id: string | string[]): void;
|
|
302
|
+
/**
|
|
303
|
+
* 顯示元素
|
|
304
|
+
* @param id - 元素ID
|
|
305
|
+
*/
|
|
97
306
|
showElement(id: string | string[]): void;
|
|
307
|
+
/**
|
|
308
|
+
* 隱藏元素
|
|
309
|
+
* @param id - 元素ID
|
|
310
|
+
*/
|
|
98
311
|
hideElement(id: string | string[]): void;
|
|
312
|
+
/**
|
|
313
|
+
* 設置元素狀態
|
|
314
|
+
* @param stateMap - 狀態映射
|
|
315
|
+
*/
|
|
99
316
|
setElementState(stateMap: Record<string, State | State[]>): void;
|
|
317
|
+
/**
|
|
318
|
+
* 清除元素狀態
|
|
319
|
+
* @param id - 元素ID
|
|
320
|
+
*/
|
|
100
321
|
clearElementState(id: string | string[]): void;
|
|
322
|
+
/**
|
|
323
|
+
* 獲取邊數據
|
|
324
|
+
* @param id - 邊ID
|
|
325
|
+
* @returns 邊數據
|
|
326
|
+
*/
|
|
101
327
|
getEdgeData(): MxEdgeData[];
|
|
102
328
|
getEdgeData(id: string): MxEdgeData;
|
|
103
329
|
getEdgeData(id: string[]): MxEdgeData[];
|
|
330
|
+
/**
|
|
331
|
+
* 檢查節點是否孤立
|
|
332
|
+
* @param nodeId - 節點ID
|
|
333
|
+
* @returns 是否孤立
|
|
334
|
+
*/
|
|
104
335
|
isIsolated(nodeId: string): boolean;
|
|
336
|
+
/**
|
|
337
|
+
* 添加邊
|
|
338
|
+
* @param edge - 邊數據
|
|
339
|
+
*/
|
|
105
340
|
addEdge(edge: MxEdgeData | MxEdgeData[]): void;
|
|
341
|
+
/**
|
|
342
|
+
* 移除邊
|
|
343
|
+
* @param id - 邊ID
|
|
344
|
+
*/
|
|
106
345
|
removeEdge(id: string | string[]): void;
|
|
346
|
+
/**
|
|
347
|
+
* 更新邊
|
|
348
|
+
* @param edge - 邊數據
|
|
349
|
+
*/
|
|
107
350
|
updateEdge(edge: MxPartialEdgeData | MxPartialEdgeData[]): void;
|
|
351
|
+
/**
|
|
352
|
+
* 獲取組數據
|
|
353
|
+
* @param id - 組ID
|
|
354
|
+
* @returns 組數據
|
|
355
|
+
*/
|
|
108
356
|
getGroupData(): MxGroupData[];
|
|
109
357
|
getGroupData(id: string): MxGroupData;
|
|
110
358
|
getGroupData(id: string[]): MxGroupData[];
|
|
359
|
+
/**
|
|
360
|
+
* 添加組
|
|
361
|
+
* @param group - 組數據
|
|
362
|
+
*/
|
|
111
363
|
addGroup(group: MxGroupData | MxGroupData[]): void;
|
|
364
|
+
/**
|
|
365
|
+
* 移除組
|
|
366
|
+
* @param id - 組ID
|
|
367
|
+
*/
|
|
112
368
|
removeGroup(id: string | string[]): void;
|
|
369
|
+
/**
|
|
370
|
+
* 更新組
|
|
371
|
+
* @param group - 組數據
|
|
372
|
+
*/
|
|
113
373
|
updateGroup(group: MxPartialGroupData | MxPartialGroupData[]): void;
|
|
374
|
+
/**
|
|
375
|
+
* 展開組
|
|
376
|
+
* @param id - 組ID
|
|
377
|
+
*/
|
|
114
378
|
expandGroup(id: string | string[]): void;
|
|
379
|
+
/**
|
|
380
|
+
* 折疊組
|
|
381
|
+
* @param id - 組ID
|
|
382
|
+
*/
|
|
115
383
|
collapseGroup(id: string | string[]): void;
|
|
384
|
+
/**
|
|
385
|
+
* 獲取插件
|
|
386
|
+
* @returns 插件列表
|
|
387
|
+
*/
|
|
116
388
|
getPlugin(): MxUserPlugin[];
|
|
389
|
+
/**
|
|
390
|
+
* 設置插件
|
|
391
|
+
* @param plugin - 插件
|
|
392
|
+
*/
|
|
117
393
|
setPlugin(plugin: MxUserPlugin | MxUserPlugin[] | ((pre: MxUserPlugin[]) => MxUserPlugin[])): void;
|
|
118
394
|
}
|
|
119
395
|
export { MxGraph };
|