Appearance
欢迎使用 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.
在线运行
试用 JavaScript 和 TypeScript 中的 Vue Flow 沙盒入门模板,并熟悉该库。
🌐 Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript and get a feel for the library.
主要特点
无缝设置
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.
可定制
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.
高效而灵敏
Vue Flow 会被动跟踪更改,确保只重新渲染必要的元素。
🌐 Changes are tracked reactively by Vue Flow, ensuring that only the necessary elements are re-rendered.
实用性与可组合性
Vue Flow 专为复杂用途而设计,内置图形助手和可组合状态的函数。
🌐 Vue Flow is designed for complex uses, with built-in graph helper and state composable functions.
附加组件
Vue Flow 附带补充组件以增强用户界面。
🌐 Vue Flow comes with supplementary components to enhance the user interface.
- 背景:Vue Flow 提供了两种内置模式,并且可以通过高度、宽度或颜色等进一步配置进行个性化设置。
- 迷你地图:此功能在屏幕右下角提供节点的鸟瞰图。
- 控件:Vue Flow 允许你通过左下角的控制面板来操作缩放功能。
- 节点工具栏:直接从节点本身获取必要的工具,以便轻松操作和控制节点
- NodeResizer:无缝调整节点的大小以满足你的需求和偏好。
可靠
Vue Flow 完全使用 TypeScript 编写,确保为开发者提供可靠且安全的体验。
🌐 Vue Flow is written fully in TypeScript, ensuring a reliable and secure experience for developers.