fix: fix DragndropPlugin

[mivui]

🤔 This is a ...

• New feature
• Bug fix
• Site / Document optimization
• TypeScript definition update
• Refactoring
• Performance improvement
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

🔗 Related issue link

antvis/G6#5619

💡 Background and solution

📝 Changelog

Language	Changelog
🇺🇸 English	fixed an issue where G6 drag-and-drop events could not capture subgraphs such as port
🇨🇳 Chinese	修复G6拖拽事件捕获不到子图形问题例如port

☑️ Self Check before Merge

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[Aarebecca]

@mivui Hi~，可以描述一下现有逻辑的问题以及你的改动如何解决该问题的吗？

[mivui]

问题复现

import { Graph, NodeEvent } from '@antv/g6';

const graph = new Graph({
  container: 'container',
  data: {
    nodes: [
      {
        id: 'node1',
        type:'rect',
        style: {
          portR: 6,
          ports: [
            {
              placement: 'left',
            },
            {
              placement: 'right',
            },
          ],
        },
      },
      {
        id: 'node2',
        type:'rect',
        style: {
          portR: 6,
          ports: [
            {
              placement: 'left',
            },
            {
              placement: 'right',
            },
          ],
        },
      },
    ],
    edges: [],
  },
  layout: {
    type: 'grid',
  },
  behaviors: [
    {
      type: 'create-edge',
      trigger: 'drag',
      style: {
        fill: 'red',
        lineWidth: 2,
      },
      enable: (e) => {
        console.log(e.originalTarget);
        //TODO:只能通过port完成连线
        //darg无法获取port图形, e.originalTarget 为 Rect类型 (父节点图形)
        return true;
      },
    },
    {
      type: 'drag-element',
      enable: (e) => {
        console.log(e.originalTarget);
        //TODO: port不能拖拽需完成连线功能
        //darg无法获取port图形, e.originalTarget 为  Rect类型 (父节点图形)
        return true;
      },
    },
  ],
});

graph.on(NodeEvent.CLICK, (event) => {
  const { originalTarget } = event;
  //单击可以获取port图形 e.originalTarget 为 Circle类型
  console.log(originalTarget);
});


graph.render();

如何修复

通过具体图形dispatchEvent

[mivui]

@Aarebecca 是什么阻止了合并？或者是否提供可以只能通过端口连线功能。

[Aarebecca]

@wang1212 可能需要评估一下