欢迎使用 Vue Flow！

¥Welcome to Vue Flow!

Vue Flow 是通往交互式流程图和图形世界的桥梁，助你为流程图和图形表示增添活力和交互性。无论是制作个人图表、生成动态编辑器，还是任何其他你能想到的功能，Vue Flow 都是你的创意伙伴。

¥Vue Flow is a bridge to the world of interactive flowcharts and graphs, empowering you to bring dynamism and interactivity to flowcharts and graphic representations. Whether it's crafting personal diagrams, generating dynamic editors, or anything else your imagination conjures up, Vue Flow is your creative companion.

Vue Flow 允许集成自定义节点和边，让你轻松定制和扩展基本功能。背景、小地图和控件等附加组件进一步丰富了界面，将你的创作转化为引人入胜的平台。

¥Vue Flow makes it effortless to customize and extend basic functionalities by allowing the integration of your own bespoke nodes and edges. Additional components such as Background, Minimap, and Controls further enrich the interface, transforming your creations into engaging platforms.

在线运行

¥ Play Online

试用 JavaScript 和 TypeScript 中的 Vue Flow 沙盒入门模板，并熟悉该库。

¥Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript and get a feel for the library.

主要功能

¥ Key Features

无缝设置

¥ Seamless Setup

Vue Flow 让你快速上手。Vue Flow 内置了元素拖动、缩放、平移和选择等功能，开箱即用。

¥Vue Flow gets you into the action quickly. With built-in features like element dragging, zooming and panning, and selection, Vue Flow is ready to go right out of the box.

可定制

¥ Customizable

Vue Flow 由你掌控。从自定义节点和边到连接线，你可以扩展 Vue Flow 的功能以满足你的创作需求。

¥Vue Flow is yours to shape. From custom nodes and edges to connection lines, you can extend the functionality of Vue Flow to fit your creative needs.

高效且响应迅速

¥ Efficient and Responsive

Vue Flow 会被动跟踪更改，确保只重新渲染必要的元素。

¥Changes are tracked reactively by Vue Flow, ensuring that only the necessary elements are re-rendered.

实用程序和可组合性

¥ Utilities and Composability

Vue Flow 专为复杂用途而设计，内置图形助手和可组合状态的函数。

¥Vue Flow is designed for complex uses, with built-in graph helper and state composable functions.

附加组件

¥ Additional Components

Vue Flow 附带补充组件以增强用户界面。

¥Vue Flow comes with supplementary components to enhance the user interface.

• 背景:Vue Flow 提供两种内置模式，并支持高度、宽度或颜色等进一步的个性化配置。

  ¥ Background: Vue Flow offers two built-in patterns, with further configurations like height, width, or color for personalizations.

• MiniMap:此功能可在位于右下角的小地图中提供节点的鸟瞰视图。

  ¥ MiniMap: This feature provides a birds-eye view of your nodes in a small map, located at the bottom-right corner.

• 控件:Vue Flow 允许你从左下角的控制面板处理缩放功能。

  ¥ Controls: Vue Flow lets you handle zoom functions from a control panel on the bottom left.

• NodeToolbar:直接从节点本身访问基本工具，以便轻松操作和控制节点。

  ¥ NodeToolbar: Get access to essential tools directly from the Node itself for easy manipulation and control of the Node

• NodeResizer:无缝调整节点的大小以适应你的需求和偏好。

  ¥ NodeResizer: Seamlessly adjust the size of your Node to fit your needs and preferences.

可靠

¥ Reliable

Vue Flow 完全使用 TypeScript 编写，确保为开发者提供可靠且安全的体验。

¥Vue Flow is written fully in TypeScript, ensuring a reliable and secure experience for developers.