LogicFlow icon indicating copy to clipboard operation
LogicFlow copied to clipboard

[Bug Report]: DynamicGroup 组内元素连线折叠bug

Open Ra1nfull opened this issue 1 year ago • 0 comments

发生了什么?

我使用DynamicGroup的addChild api 创建了两个元素后,我将这两个元素连接在了一起,当我点击折叠按钮后出现了一条异常的连线,但是如果这个dynamicGroup被移动过后却不会出现异常连线 Video_20250115114700

完整代码如下

<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

Ra1nfull avatar Jan 15 '25 04:01 Ra1nfull