Dify中功能请求：在工作流编辑器中启用双指滑动（panOnScroll=true for ReactFlow）

在Dify的工作流编辑器中启用双指滑动功能，可以通过设置ReactFlow的panOnScroll属性为true来实现。这个属性允许用户通过双指滑动来平移整个画布，提升用户体验。

以下是一个简单的配置示例：

import ReactFlow, { Controls } from 'reactflow';
import 'reactflow/dist/style.css';

function WorkflowEditor() {
  return (
    <div style={{ height: '100vh' }}>
      <ReactFlow
        panOnScroll={true}
        defaultNodes={[]}
        defaultEdges={[]}
      >
        <Controls />
      </ReactFlow>
    </div>
  );
}

export default WorkflowEditor;

关键点解释：

• panOnScroll={true}：启用双指滑动功能，允许用户通过双指滑动来平移画布。
• Controls：添加了默认的控制按钮（如缩放、居中、等），方便用户操作。

注意事项：

• 确保ReactFlow的版本支持panOnScroll属性。
• 如果项目中有其他自定义配置或插件，请确保它们与panOnScroll属性兼容。

通过这种方式，你可以在Dify的工作流编辑器中实现双指滑动功能，提升用户的操作体验。