vue-flow

A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan 🔎, additional components like a Minimap 🗺 and utilities to interact with state and graph.

MIT License

Downloads
740K
Stars
3K
Committers
26
vue-flow - v1.1.1

Published by bcakmakoglu about 2 years ago

vue-flow - v1.1.0

Published by bcakmakoglu about 2 years ago

What's Changed

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v1.0.0...v1.1.0

vue-flow - v1.0.0

Published by bcakmakoglu about 2 years ago

What's Changed

New Contributors

Full Changelog: https://github.com/bcakmakoglu/vue-flow/compare/v0.4.41...v1.0.0

vue-flow -

Published by bcakmakoglu about 2 years ago

  • chore(test): increase wheel delta d7ce835
  • fix(graph): check if element exists in isNode/Edge fc263a6
  • feat(edges): add data-type to edge anchors 9cea132
  • feat(test): add update edge tests 1526ecd
  • fix(tests): zoom action tests to check for containing str 72dd98b
  • chore: cleanup f1abfc6
  • feat(tests): add connecting nodes test e429fdf
  • fix(nodes): undo handle validation wrapping itself f508e6e
  • feat(tests): add dragging nodes test 63dae2c
  • refactor(tests): move test files 6e0c0c7
  • feat(edges): add connection line action tests 9fde0bc
  • feat(edges): add data-id prop to edges 3461602
  • feat(tests): add update edge test fa5b5da
  • feat(tests): add set min/max zoom action tests 3770083
  • feat(tests): add remove selected elements action tests e3327eb
  • chore(tests): update test vite conf c5291e7
  • chore(tests): update cypress scripts 8ee8996
  • feat(tests): add selected elements action tests cc4a007
  • feat(tests): add tests for add, find & remove actions 9f59be7
  • feat(tests): add default command timeout of 1000 e81bea1
  • feat(tests): add vue flow mount command dc30ef4
  • refactor(tests): Upgrade to cypress 10 8928eb8
  • chore(edges): correct edge text ref name 09476f0
  • chore(deps-dev): update deps 78c8bc7
  • refactor(edges,store): emit connection events start and end with actions 7a657f1
  • refactor(edges,store): use connection start handle and remove other props from store a443d38
  • feat(store): add connection actions to store b0c168f
  • refactor(nodes): calculate bounds on mount 1d1447e
  • feat(edges,nodes): add useEdge composable 44a65b3
  • refactor(nodes): make handlebounds shallow reactive 726471c
  • feat(store,types): add generics to findNode action 9b943df
  • feat(nodes): add nodeRef injection 7d992b5
  • feat(nodes): add useNode composable 70871df
  • feat(nodes): add from position to position change event a29d7c8
  • fix(viewpane,nodes): move resize observer to mounted hooks de6220b
  • docs: use removeEdges in custom edge fe918c0
  • docs: fix typo 78f35d5
  • chore(edges): update message 39d0a1c
  • fix(edges): interrupt edge hidden check if orphaned edge found d7282cc
  • fix(edges): use filter to remove orphaned edges 1ad6073
  • chore: lint 8199a1c
  • chore: remove log bb7a0ba
  • fix(edges): edge-renderer to update on edge updates 8c0982a
  • chore: cleanup f0f24ce
  • chore: use enum in Marker.vue a840a5c
  • chore(nodes): force dimensions update on type change 00059aa
  • refactor(nodes): remove flush timing from drag 091c3df
  • refactor(nodes): remove unnecessary scope bf7594f
  • refactor(nodes): use single resize observer for nodes a780813
  • fix(viewpane): calculate proper dimensions for view el 55e4403
  • refactor(nodes): cleanup handle calculation logic 31b0bcb
  • refactor(nodes): only update position on mount 70dd73f
  • refactor(nodes): use dom matrix to calculate handle bounds zoom ee56ddb
  • fix(viewpane): use resize observer to set viewpane dimensions a8d0830
  • chore(nodes): remove unused imports 723a03b
  • docs: add blobity opensource license key d118888
  • chore: update CHANGELOG.md 7789d6e

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.40...v0.4.41

vue-flow -

Published by bcakmakoglu about 2 years ago

  • chore: update pnpm-lock.yaml 1171e43
  • fix(nodes): align snap grid to 0,0 87102eb
  • fix: use elementFromPoint 32a98cd
  • chore: update CHANGELOG.md 9ea87c8

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.39...v0.4.40

vue-flow -

Published by bcakmakoglu about 2 years ago

  • feat(edges): updated smoothstep edge routing c113d3b
  • fix(nodes): skip applying node extent on mount 018d711
  • chore(resize-rotate): update demo 59bd009
  • feat(resize-rotate): save frame data of node c222bb9
  • chore(resize-rotate): bump version 3f4e071
  • chore: update CHANGELOG.md 0bf2243

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.38...v0.4.39

vue-flow -

Published by bcakmakoglu about 2 years ago

  • chore(store): pass vueflow id to scope on each call 2beb48d
  • feat(edges): hide edge while updating bd4eb7c
  • fix(nodes): apply initial node extent 058fb5a
  • chore: re-apply node extent only if flow is ready 955f683
  • refactor: allow ref to be passed to useKeyPress be2bcf5
  • chore: cleanup unused vars and remove setState usage a110cdc
  • fix(nodes): add missing updateNodeInternals event 487c287
  • fix(nodes): apply global node extent when changed e8a6dc3
  • Added docs for EdgeUpdatable 0bb2dd7
  • Updated UpdatableEdgeExample to still have a label on the updatable edge 485d7b2
  • Added docs for type EdgeUpdatable Implemented type EdgeUdatable in global configuration for VueFlow instance 7732ad9
  • Changed updatable prop from boolean to type Updatable bf519e1
  • refactor(resize-rotate): set fixed styles on resize rotate node 5f5dd49
  • feat(resize-rotate): add snappable dd62165
  • fix: cast watchable props to ref 9440d4f
  • fix: watch translate extent separately a204f86
  • docs: update node guide 18a31d2
  • docs: update yarn install guide d7c7ae1
  • chore(deps): upgrade deps b48234e
  • chore: update CHANGELOG.md feb1dd6

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.37...v0.4.38

vue-flow -

Published by bcakmakoglu about 2 years ago

  • fix(nodes): pass node as prop to wrapper 6221663
  • chore: update CHANGELOG.md 3255f95

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.36...v0.4.37

vue-flow -

Published by bcakmakoglu about 2 years ago

  • fix(nodes): use flush timing post in NodeWrapper.vue 80fd818
  • chore: add .pnpm-store to .gitignore file a9dc02d
  • chore: update CHANGELOG.md 4683b4a

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.35...v0.4.36

vue-flow -

Published by bcakmakoglu about 2 years ago

  • refactor: move watch flush timing to pre 8b6afd3
  • feat(viewpane): block keypress on inputs and .nokey elements 250965d
  • docs: update intro links 3638e59
  • chore: update CHANGELOG.md a986a6b

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.34...v0.4.35

vue-flow -

Published by bcakmakoglu about 2 years ago

  • fix(store): cleanup default change handlers on watch scope dispose 9031b46
  • chore: remove unused code a5d5da5
  • chore: update pnpm-lock.yaml 10c34bb
  • docs: update links and headlines d077d41
  • refactor(store): reset store on unmount and skip re-creating hooks on re-mount 90b3bd0
  • fix(nodes): force update clause in updateDimensions 0d10adc
  • refactor(store): re-bind hooks on mount and use hooks ref 8b02d7d
  • refactor(nodes): recreate scope on mount d468fb7
  • docs: set prevent scrolling to false 3f336a1
  • docs: remove test script c4f9492
  • docs: replace vuepress specific components f386ea4
  • docs: fix dead links af78b52
  • docs: replace vuepress docs dir with vitepress docs dir f2b1691
  • docs: use page layout for example pages 21702da
  • docs: add typedocs to vitepress docs 74c329c
  • docs: set repl view height c38787f
  • docs: update homepage and styles bc87e47
  • docs: update intro 4f036e7
  • docs: add social links c947d88
  • docs: update layout file 586bf5d
  • docs: update md files f17bd16
  • docs: use vitepress e6bef4a
  • refactor(viewpane): accept KeyFilter instead of KeyCode bd36253
  • chore: update CHANGELOG.md a095052

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.33...v0.4.34

vue-flow -

Published by bcakmakoglu about 2 years ago

  • fix(viewpane): pan on scroll blocks any zoom handling 228b9d1
  • fix(nodes): dimensions not properly set on mount 899d3af
  • fix(nodes): fix methods (onMouseEnter, onMouseMove, onMouseLeave) not being able to emit event 4e93b2b
  • chore: update CHANGELOG.md 91fbad4

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.32...v0.4.33

vue-flow -

Published by bcakmakoglu about 2 years ago

  • chore: update pnpm-lock.yaml 6a56251
  • fix(nodes): prevent initial dimensions being emitted twice 1db74cf
  • chore: quasar example vue flow version 5c68803
  • chore: update CHANGELOG.md 5ca61d2

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.31...v0.4.32

vue-flow -

Published by bcakmakoglu about 2 years ago

  • chore(store): initial $destroy fn 20fead9
  • fix(edges): create new effect scope when pane ready is called 54eef97
  • fix(store): only run scope dispose on parent caller d62c330
  • feat(store): add $destroy action 73bf4db
  • revert(types): use state viewport zoom to calculate handlebounds 98ff311
  • revert(types): explicitly bind emits 31f0dba
  • feat: bind pane mouse events 953155d
  • feat(viewpane): add viewpane mouseevents 8ea2130
  • feat(store): add findNode & findEdge actions f2321f2
  • chore: update pnpm-lock.yaml 49d51cc
  • refactor: import Emits type 9a8459c
  • chore: update vueuse 3d22b87
  • chore(store): remove unused prop in store cff5e05
  • chore: update auto-imports.d.ts 12108d0
  • chore: symlink deps in tsconfig 4e7f4b5
  • fix(store): remove generic from node getter b0fc5ad
  • feat: set vueflow & viewport elements in store 376f91e
  • chore(gh): unfreeze lockfile 27fa623
  • fix: prevent falsy values from stopping prop watcher 93a9a99
  • feat: expose flow store and element ref 97d89bf
  • chore(deps): upgrade dependencies ce77bc5
  • chore: update CHANGELOG.md 47164f0

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.30...v0.4.31

vue-flow -

Published by bcakmakoglu over 2 years ago

  • chore(deps): upgrade dependencies c16cd46
  • chore: update pnpm-lock.yaml 78f176c
  • fix(types): use correct edge event types d96e944
  • chore: update CHANGELOG.md 3537e6b

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.29...v0.4.30

vue-flow -

Published by bcakmakoglu over 2 years ago

  • fix(nodes): remove child nodes when parent gets removed 9bca73d
  • fix(nodes): check parent dimensions before extending 7d66094
  • chore: update CHANGELOG.md 480a487

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.28...v0.4.29

vue-flow -

Published by bcakmakoglu over 2 years ago

  • fix(edges): pass auto-connector result as new edge params 4b83ae0
  • fix(handles): correctly calculate handle pos by using viewport zoom b7428e9
  • chore(zoom): fix typing c0c72f1
  • refactor(zoom): don't interrupt while zoom/pan is active 45163f3
  • fix(edges): auto-connector always triggered even when not set 95afba3
  • fix(graph): getIncomers always returning itself 1abd18d
  • docs: update pinia example to use latest version of vue flow 1f035fb
  • docs: add seo plugins b11feaf
  • chore(docs): update meta title & description 9c171c0
  • chore(docs): update tsconfig.json d6df271
  • chore: add .eslintignore file 5a89d0e
  • chore: update CHANGELOG.md 1d9e7ec

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.27...v0.4.28

vue-flow -

Published by bcakmakoglu over 2 years ago

  • chore(nodes): check if node ref exists before updating dimensions ae5d5b4
  • chore(docs): fix typo 0c5473a
  • docs: documentation for new connectionLineOptions prop b2834b9
  • feat(edges): add connectionLineOptions prop 1578d40
  • chore(docs): set transition mode e022978
  • chore(docs): correct tooltip position 48dc16c
  • chore(deps): update deps 2678112
  • feat(nodes): allow node internals to be updated by event 2a8f4a1
  • docs: documentation for updateNodeInternals event listener f8be3cb
  • chore(docs): move icons into header but in container a24fc52
  • chore(docs): move icons into floating container 3ea7355
  • chore: update CHANGELOG.md 1f11365

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.26...v0.4.27

vue-flow -

Published by bcakmakoglu over 2 years ago

  • chore(docs): elevate edges on select in intro fd1cc00
  • chore(docs): change blobity mode 491f2dc
  • chore(docs): allow intro nodes to be dragged and use bezier edges d265a62
  • chore(docs): enable animated background on intro node click 07e7484
  • chore(docs): color github logo black when light mode 6e2ae48
  • chore(docs): have animations be at least 5 seconds long 74f367c
  • chore(docs): randomize animation durations 2932a8c
  • refactor: trigger viewport size update on window resize 3cb3ada
  • chore(docs): color github logo white 8d975c6
  • docs: add animated background to intro f1a0568
  • docs: move examples into nodes and edges dir 7534ad9
  • feat(components): add pattern-container slot to Background 89daa82
  • chore: update CHANGELOG.md 0d5f9a5

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.25...v0.4.26

vue-flow -

Published by bcakmakoglu over 2 years ago

  • chore(deps): remove d3 and move types/d3 to deps-dev eeed10c
  • fix(components): use v-if on slots instead of lock icons a183c7d
  • docs: use edge style function to style edges on node select c27c895
  • docs: add github, discord and react flow icons to header 097b859
  • chore(docs): update auto-imports.d.ts d37b67c
  • chore(docs): let windicss scan theme dir a0541cb
  • chore: update CHANGELOG.md 6a71a5f
  • chore: push from changelog workflow to master branch 7d9a7b6

https://github.com/bcakmakoglu/vue-flow/compare/v0.4.24...v0.4.25

Package Rankings
Top 1.49% on Npmjs.org
Top 6.64% on Proxy.golang.org
Top 25.65% on Repo1.maven.org
Related Projects