@logicflow/extension 1.0.7 → 1.1.0-alpha.3
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/cjs/NodeResize/Control/Control.js +2 -1
- package/cjs/NodeResize/Control/Util.js +1 -0
- package/cjs/NodeResize/Node/EllipseResize.js +1 -17
- package/cjs/NodeResize/Node/HtmlResize.js +72 -0
- package/cjs/NodeResize/index.js +7 -1
- package/cjs/bpmn/index.js +1 -1
- package/cjs/bpmn-adapter/index.js +1 -1
- package/cjs/components/context-menu/index.js +38 -23
- package/cjs/components/control/index.js +0 -14
- package/cjs/components/dnd-panel/index.js +9 -6
- package/cjs/components/menu/index.js +7 -7
- package/cjs/components/mini-map/index.js +159 -156
- package/cjs/components/selection-select/index.js +27 -14
- package/cjs/insert-node-in-polyline/index.js +1 -1
- package/cjs/materials/curved-edge/index.js +1 -1
- package/cjs/materials/group/GroupNode.js +66 -20
- package/cjs/materials/group/index.js +28 -9
- package/cjs/style/index.css +3 -2
- package/cjs/tools/flow-path/index.js +1 -1
- package/cjs/turbo-adapter/index.js +1 -1
- package/es/NodeResize/Control/Control.js +2 -1
- package/es/NodeResize/Control/Util.d.ts +1 -0
- package/es/NodeResize/Control/Util.js +1 -0
- package/es/NodeResize/Node/EllipseResize.js +1 -17
- package/es/NodeResize/Node/HtmlResize.d.ts +20 -0
- package/es/NodeResize/Node/HtmlResize.js +70 -0
- package/es/NodeResize/index.js +7 -1
- package/es/bpmn/index.js +1 -1
- package/es/bpmn-adapter/index.js +1 -1
- package/es/components/context-menu/index.d.ts +11 -1
- package/es/components/context-menu/index.js +38 -23
- package/es/components/control/index.d.ts +4 -5
- package/es/components/control/index.js +0 -14
- package/es/components/dnd-panel/index.d.ts +1 -0
- package/es/components/dnd-panel/index.js +9 -6
- package/es/components/menu/index.d.ts +2 -2
- package/es/components/menu/index.js +7 -7
- package/es/components/mini-map/index.d.ts +73 -2
- package/es/components/mini-map/index.js +159 -156
- package/es/components/selection-select/index.d.ts +8 -0
- package/es/components/selection-select/index.js +27 -14
- package/es/insert-node-in-polyline/index.js +1 -1
- package/es/materials/curved-edge/index.js +1 -1
- package/es/materials/group/GroupNode.d.ts +24 -9
- package/es/materials/group/GroupNode.js +67 -21
- package/es/materials/group/index.d.ts +3 -1
- package/es/materials/group/index.js +27 -9
- package/es/style/index.css +3 -2
- package/es/tools/flow-path/index.js +1 -1
- package/es/turbo-adapter/index.js +1 -1
- package/lib/AutoLayout.js +1 -1
- package/lib/BpmnAdapter.js +1 -1
- package/lib/BpmnElement.js +1 -1
- package/lib/ContextMenu.js +1 -1
- package/lib/Control.js +1 -1
- package/lib/CurvedEdge.js +1 -1
- package/lib/DndPanel.js +1 -1
- package/lib/FlowPath.js +1 -1
- package/lib/Group.js +1 -1
- package/lib/InsertNodeInPolyline.js +1 -1
- package/lib/Menu.js +1 -1
- package/lib/MiniMap.js +1 -1
- package/lib/NodeResize.js +1 -1
- package/lib/RectLabelNode.js +1 -1
- package/lib/SelectionSelect.js +1 -1
- package/lib/Snapshot.js +1 -1
- package/lib/TurboAdapter.js +1 -1
- package/lib/lfJson2Xml.js +1 -1
- package/lib/lfXml2Json.js +1 -1
- package/lib/style/index.css +3 -2
- package/package.json +2 -2
- package/types/NodeResize/Control/Util.d.ts +1 -0
- package/types/NodeResize/Node/HtmlResize.d.ts +20 -0
- package/types/components/context-menu/index.d.ts +11 -1
- package/types/components/control/index.d.ts +4 -5
- package/types/components/dnd-panel/index.d.ts +1 -0
- package/types/components/menu/index.d.ts +2 -2
- package/types/components/mini-map/index.d.ts +73 -2
- package/types/components/selection-select/index.d.ts +8 -0
- package/types/materials/group/GroupNode.d.ts +24 -9
- package/types/materials/group/index.d.ts +3 -1
- package/cjs/NodeResize/BasicShape/Ellipse.js +0 -21
- package/cjs/curved.js +0 -0
- package/es/NodeResize/BasicShape/Ellipse.d.ts +0 -2
- package/es/NodeResize/BasicShape/Ellipse.js +0 -18
- package/es/curved.d.ts +0 -0
- package/es/curved.js +0 -0
|
@@ -10,6 +10,17 @@ declare class ContextMenu {
|
|
|
10
10
|
lf: any;
|
|
11
11
|
});
|
|
12
12
|
render(lf: any, container: any): void;
|
|
13
|
+
setContextMenuByType(type: any, menus: any): void;
|
|
14
|
+
/**
|
|
15
|
+
* 隐藏菜单
|
|
16
|
+
*/
|
|
17
|
+
hideContextMenu(): void;
|
|
18
|
+
/**
|
|
19
|
+
* 显示指定元素菜单
|
|
20
|
+
* @param data 节点id、节点类型、菜单位置
|
|
21
|
+
*/
|
|
22
|
+
showContextMenu(data: any): void;
|
|
23
|
+
setContextMenuItems(menus: any): void;
|
|
13
24
|
/**
|
|
14
25
|
* 获取新菜单位置
|
|
15
26
|
*/
|
|
@@ -18,7 +29,6 @@ declare class ContextMenu {
|
|
|
18
29
|
private addNode;
|
|
19
30
|
private showMenu;
|
|
20
31
|
listenDelete: () => void;
|
|
21
|
-
private hideMenu;
|
|
22
32
|
}
|
|
23
33
|
export default ContextMenu;
|
|
24
34
|
export { ContextMenu, };
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import LogicFlow from '@logicflow/core';
|
|
2
1
|
declare type ControlItem = {
|
|
3
2
|
key: string;
|
|
4
3
|
iconClass: string;
|
|
@@ -9,11 +8,11 @@ declare type ControlItem = {
|
|
|
9
8
|
onMouseLeave?: Function;
|
|
10
9
|
};
|
|
11
10
|
declare class Control {
|
|
12
|
-
lf
|
|
11
|
+
private lf;
|
|
13
12
|
static pluginName: string;
|
|
14
|
-
controlItems
|
|
15
|
-
domContainer
|
|
16
|
-
toolEl
|
|
13
|
+
private controlItems;
|
|
14
|
+
private domContainer;
|
|
15
|
+
private toolEl;
|
|
17
16
|
constructor({ lf }: {
|
|
18
17
|
lf: any;
|
|
19
18
|
});
|
|
@@ -1,4 +1,75 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
declare class MiniMap {
|
|
2
|
+
static pluginName: string;
|
|
3
|
+
__lf: any;
|
|
4
|
+
__container: any;
|
|
5
|
+
__miniMapWrap: any;
|
|
6
|
+
__miniMapContainer: any;
|
|
7
|
+
__lfMap: any;
|
|
8
|
+
__viewport: any;
|
|
9
|
+
__width: number;
|
|
10
|
+
__height: number;
|
|
11
|
+
__miniMapWidth: number;
|
|
12
|
+
__miniMapHeight: number;
|
|
13
|
+
__viewPortTop: number;
|
|
14
|
+
__viewPortLeft: number;
|
|
15
|
+
__startPosition: any;
|
|
16
|
+
__viewPortScale: number;
|
|
17
|
+
__viewPortWidth: number;
|
|
18
|
+
__viewPortHeight: number;
|
|
19
|
+
__resetDataX: number;
|
|
20
|
+
__resetDataY: number;
|
|
21
|
+
__LogicFlow: any;
|
|
22
|
+
__isShow: boolean;
|
|
23
|
+
__disabledPlugins: string[];
|
|
24
|
+
constructor({ lf, LogicFlow }: {
|
|
25
|
+
lf: any;
|
|
26
|
+
LogicFlow: any;
|
|
27
|
+
});
|
|
28
|
+
render(lf: any, container: any): void;
|
|
29
|
+
init(option: any): void;
|
|
30
|
+
/**
|
|
31
|
+
* 显示mini map
|
|
32
|
+
*/
|
|
33
|
+
show: (leftPosition: any, topPosition: any) => void;
|
|
34
|
+
/**
|
|
35
|
+
* 隐藏mini map
|
|
36
|
+
*/
|
|
37
|
+
hide: () => void;
|
|
38
|
+
__init(): void;
|
|
39
|
+
__createMiniMap(left: any, top: any): void;
|
|
40
|
+
__removeMiniMap(): void;
|
|
41
|
+
/**
|
|
42
|
+
* 计算所有图形一起,占领的区域范围。
|
|
43
|
+
* @param data
|
|
44
|
+
*/
|
|
45
|
+
__getBounds(data: any): {
|
|
46
|
+
left: number;
|
|
47
|
+
top: number;
|
|
48
|
+
bottom: number;
|
|
49
|
+
right: number;
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* 将负值的平移转换为正值。
|
|
53
|
+
* 保证渲染的时候,minimap能完全展示。
|
|
54
|
+
* 获取将画布所有元素平移到0,0开始时,所有节点数据
|
|
55
|
+
*/
|
|
56
|
+
__resetData(data: any): any;
|
|
57
|
+
/**
|
|
58
|
+
* 显示导航
|
|
59
|
+
* 显示视口范围
|
|
60
|
+
* 1. 基于画布的范围比例,设置视口范围比例。宽度默认为导航宽度。
|
|
61
|
+
*/
|
|
62
|
+
__setView(): void;
|
|
63
|
+
__setViewPort(scale: any, { left, right, top, bottom }: {
|
|
64
|
+
left: any;
|
|
65
|
+
right: any;
|
|
66
|
+
top: any;
|
|
67
|
+
bottom: any;
|
|
68
|
+
}): void;
|
|
69
|
+
__createViewPort(): void;
|
|
70
|
+
__startDrag: (e: any) => void;
|
|
71
|
+
__drag: (e: any) => void;
|
|
72
|
+
__drop: () => void;
|
|
73
|
+
}
|
|
3
74
|
export default MiniMap;
|
|
4
75
|
export { MiniMap };
|
|
@@ -18,6 +18,14 @@ declare class SelectionSelect {
|
|
|
18
18
|
lf: any;
|
|
19
19
|
});
|
|
20
20
|
render(lf: any, domContainer: any): void;
|
|
21
|
+
/**
|
|
22
|
+
* 开启选区
|
|
23
|
+
*/
|
|
24
|
+
openSelectionSelect(): void;
|
|
25
|
+
/**
|
|
26
|
+
* 关闭选区
|
|
27
|
+
*/
|
|
28
|
+
closeSelectionSelect(): void;
|
|
21
29
|
__draw: (ev: any) => void;
|
|
22
30
|
__drawOff: () => void;
|
|
23
31
|
open(): void;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { h } from '@logicflow/core';
|
|
2
|
+
import { RectResize } from '../../NodeResize';
|
|
3
|
+
declare class GroupNodeModel extends RectResize.model {
|
|
3
4
|
readonly isGroup = true;
|
|
4
|
-
children: Set<
|
|
5
|
+
children: Set<string>;
|
|
5
6
|
isRestrict: boolean;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
* 设置是否允许子节点被拖动移除分组
|
|
9
|
-
*/
|
|
10
|
-
setIsRestrict(isRestrict: any): void;
|
|
7
|
+
resizable: boolean;
|
|
8
|
+
initNodeData(data: any): void;
|
|
11
9
|
isInRange({ x1, y1, x2, y2 }: {
|
|
12
10
|
x1: any;
|
|
13
11
|
y1: any;
|
|
@@ -15,15 +13,32 @@ declare class GroupNodeModel extends RectNodeModel {
|
|
|
15
13
|
y2: any;
|
|
16
14
|
}): boolean;
|
|
17
15
|
setAllowAppendChild(isAllow: any): void;
|
|
16
|
+
/**
|
|
17
|
+
* 添加分组子节点
|
|
18
|
+
* @param id 节点id
|
|
19
|
+
*/
|
|
18
20
|
addChild(id: any): void;
|
|
21
|
+
/**
|
|
22
|
+
* 删除分组子节点
|
|
23
|
+
* @param id 节点id
|
|
24
|
+
*/
|
|
19
25
|
removeChild(id: any): void;
|
|
26
|
+
getAddableOutlineStyle(): {
|
|
27
|
+
stroke: string;
|
|
28
|
+
strokeWidth: number;
|
|
29
|
+
strokeDasharray: string;
|
|
30
|
+
fill: string;
|
|
31
|
+
};
|
|
20
32
|
getData(): import("@logicflow/core").NodeData;
|
|
21
33
|
}
|
|
22
|
-
declare class GroupNode extends
|
|
34
|
+
declare class GroupNode extends RectResize.view {
|
|
23
35
|
/**
|
|
24
36
|
* 重新toFront,阻止其置顶
|
|
25
37
|
*/
|
|
26
38
|
toFront(): void;
|
|
39
|
+
getControlGroup(): h.JSX.Element;
|
|
40
|
+
getAddedableShape(): import("preact").VNode<any>;
|
|
41
|
+
getResizeShape(): import("preact").VNode<any>;
|
|
27
42
|
}
|
|
28
43
|
declare const _default: {
|
|
29
44
|
type: string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import LogicFlow, { BaseNodeModel } from '@logicflow/core';
|
|
2
|
+
import GroupNode from './GroupNode';
|
|
2
3
|
declare type BaseNodeId = string;
|
|
3
4
|
declare type GroupId = string;
|
|
4
5
|
declare type Bounds = {
|
|
@@ -15,6 +16,7 @@ declare class Group {
|
|
|
15
16
|
constructor({ lf }: {
|
|
16
17
|
lf: any;
|
|
17
18
|
});
|
|
19
|
+
graphRendered: (data: any) => void;
|
|
18
20
|
appendNodeToGrop: ({ data }: {
|
|
19
21
|
data: any;
|
|
20
22
|
}) => void;
|
|
@@ -27,4 +29,4 @@ declare class Group {
|
|
|
27
29
|
*/
|
|
28
30
|
getGroup(bounds: Bounds): BaseNodeModel | undefined;
|
|
29
31
|
}
|
|
30
|
-
export { Group };
|
|
32
|
+
export { Group, GroupNode, };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
var core_1 = require("@logicflow/core");
|
|
15
|
-
function Ellipse(props) {
|
|
16
|
-
var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, _c = props.rx, rx = _c === void 0 ? 4 : _c, _d = props.ry, ry = _d === void 0 ? 4 : _d;
|
|
17
|
-
var attrs = __assign({ cx: x, cy: y, rx: rx,
|
|
18
|
-
ry: ry, fill: 'transparent', fillOpacity: 1, strokeWidth: 1, stroke: '#000', strokeOpacity: 1 }, props);
|
|
19
|
-
return (core_1.h("ellipse", __assign({}, attrs)));
|
|
20
|
-
}
|
|
21
|
-
exports.default = Ellipse;
|
package/cjs/curved.js
DELETED
|
File without changes
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { h } from '@logicflow/core';
|
|
13
|
-
export default function Ellipse(props) {
|
|
14
|
-
var _a = props.x, x = _a === void 0 ? 0 : _a, _b = props.y, y = _b === void 0 ? 0 : _b, _c = props.rx, rx = _c === void 0 ? 4 : _c, _d = props.ry, ry = _d === void 0 ? 4 : _d;
|
|
15
|
-
var attrs = __assign({ cx: x, cy: y, rx: rx,
|
|
16
|
-
ry: ry, fill: 'transparent', fillOpacity: 1, strokeWidth: 1, stroke: '#000', strokeOpacity: 1 }, props);
|
|
17
|
-
return (h("ellipse", __assign({}, attrs)));
|
|
18
|
-
}
|
package/es/curved.d.ts
DELETED
|
File without changes
|
package/es/curved.js
DELETED
|
File without changes
|