Vue Super Flow

screenshot of Vue Super Flow
vue
less

Flow chart component based on Vue。vue flowchart

Overview:

Vue Super Flow is a flowchart editor component based on Vue, designed for creating and editing flowcharts within Vue applications. It offers a range of features to allow users to customize nodes, links, and the appearance of the flowchart.

Features:

  • Customizable Node Identifier: Personalize node identification using the relationMark attribute.
  • Drag-and-Drop Functionality: Enable or disable node dragging with the draggable attribute.
  • Quick Link Creation: Easily create links between nodes using the linkAddable attribute.
  • Editable Links: Allow users to edit links within the flowchart using the linkEditable attribute.
  • Mark Lines: Enable draggable assistance lines with the hasMarkLine attribute.
  • Graph Configuration: Customize the graph origin, node list, link list, and right-click menus using various attributes.
  • Link Restrictions: Define functions to restrict creating links (enterIntercept) and generating links from nodes (outputIntercept).
  • Custom Styling: Customize link descriptions, styles, and default styles using the provided methods and attributes.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.