LogicFlow
LogicFlow copied to clipboard
[Bug Report]: DynamicGroup 组内元素连线折叠bug
发生了什么?
我使用DynamicGroup的addChild api 创建了两个元素后,我将这两个元素连接在了一起,当我点击折叠按钮后出现了一条异常的连线,但是如果这个dynamicGroup被移动过后却不会出现异常连线
完整代码如下
<script>
import LogicFlow from "@logicflow/core";
import "@logicflow/core/lib/style/index.css";
import { DynamicGroup } from "@logicflow/extension";
export default {
data: () => ({
lf: null,
}),
mounted() {
this.lf = new LogicFlow({
container: this.$refs.container,
grid: true,
plugins: [DynamicGroup],
pluginsOptions: {
},
});
this.lf.render({
nodes: [
{
id: 'circle_1',
type: 'circle',
x: 502,
y: 170,
text: {
value: 'circle_1',
x: 502,
y: 170,
draggable: true,
},
},
{
id: 'circle_2',
type: 'circle',
x: 680,
y: 170,
text: {
value: 'circle_2',
x: 680,
y: 170,
draggable: true,
},
},
{
id: 'dynamic-group_1',
type: 'dynamic-group',
x: 542,
y: 189,
text: 'dynamic-group_1',
resizable: true,
properties: {
width: 420,
height: 250,
radius: 5,
},
},
]
});
const groupModel = this.lf.getNodeModelById('dynamic-group_1')
groupModel.addChild('circle_1')
groupModel.addChild('circle_2')
},
};
</script>
<template>
<div class="container" ref="container"></div>
</template>
<style>
.container {
width: 1000px;
height: 500px;
}
</style>
logicflow/core版本
2.0.10
logicflow/extension版本
2.0.14
logicflow/engine版本
No response
浏览器&环境
Chrome