Feat: Solved the conflict between the Handle click and drag events of the canvas node #3221 (#8413)

### What problem does this PR solve?

Feat: Solved the conflict between the Handle click and drag events of
the canvas node #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/agent/canvas/node/message-node.tsx

@@ -6,7 +6,7 @@ import { get } from 'lodash';
 import { memo } from 'react';
 import { NodeHandleId } from '../../constant';
 import { CommonHandle } from './handle';
-import { LeftHandleStyle, RightHandleStyle } from './handle-icon';
+import { LeftHandleStyle } from './handle-icon';
 import styles from './index.less';
 import NodeHeader from './node-header';
 import { NodeWrapper } from './node-wrapper';
@@ -30,7 +30,7 @@ function InnerMessageNode({
           nodeId={id}
           id={NodeHandleId.End}
         ></CommonHandle>
-        <CommonHandle
+        {/* <CommonHandle
           type="source"
           position={Position.Right}
           isConnectable={isConnectable}
@@ -38,7 +38,7 @@ function InnerMessageNode({
           id={NodeHandleId.Start}
           nodeId={id}
           isConnectableEnd={false}
-        ></CommonHandle>
+        ></CommonHandle> */}
         <NodeHeader
           id={id}
           name={data.name}