alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
574 Commits 1 Branch 0 Tags
91009e1dca90f8022e2cf9d3a9dbf67228bbbf4b
Commit Graph
100 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
Braks 91009e1dca feat(store): add store as refs to useVueFlow 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks be725c6d2d feat(flow): use vModel for elements, nodes and edges 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 758f4f23ff refactor(store): Rename isReady to paneReady 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 9f957492fe refactor(flow): apply default change handlers by default 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks ca33de0556 fix(edges): add props to smoothstep edge explicitly 
* plugin doesn't allow for nested/extended types currently

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks fe4798ea5b refactor(components): Use plugin to import prop types 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks d9e0675385 refactor(nodes, edges): Add slots to node/edge labels 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 518d12d381 feat(flow): add utilities to useState functions 2021-12-20 19:29:52 +01:00
Braks 65b2e0d148 feat(flow): Add setNodes and OnNodesChange / setEdges OnEdgesChange utils to useNode/Edge-state 
* add option to apply default change handler
 2021-12-20 19:29:52 +01:00
Braks 17a1b08ee0 refactor(store)!: replace store injection with VueFlow injection 2021-12-20 19:29:52 +01:00
Braks c80ab8fe50 feat(store, flow)!: Add useNode/useEdge-state helpers 
* for two way binding use the helpers
 2021-12-20 19:29:52 +01:00
Braks 81c8145f3a feat(store, flow)!: Add apply changes handlers 
* flow will not update changes unless a handler to apply changes is passed
* a default handler is available in the useVueFlow composable
* removeElements export removed
 2021-12-20 19:29:52 +01:00
Braks f6007d026c fix(tests): replace useStore with useVueFlow 2021-12-20 19:29:52 +01:00
Braks c1da504fa9 refactor(store): move hooks to store dir 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks d875cfede3 feat(flow): Add event listener to vueflow object 
* event listener also exist in store state (hooksOn)
* add applyChangesHandlers to vueflow object, can be used to apply changes i.e. deleting etc.

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks a604dd8ab1 refactor: replace useStore with useVueFlow 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 46a76b783e feat(types): add handlebounds type 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 02911b4177 refactor(store): when adding elements as selected disable emit 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks ca2eca4265 refactor(store): add getters for selected nodes/edges 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks a80d475216 refactor(store): remove useStore.ts and move logic to store.ts 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 97f4c0e847 fix(test): correct test for testing custom node/edge types 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 6dcf5d8434 fix(nodes): improper style encapsulation 
* import path in hooks.ts

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks a983858acf update(examples): use computedPosition in GroupNode.vue 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks d2961dec9f fix(tests): correct tests 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 60fcbc2d06 refactor(nodes): use watcher to calc xyzpos 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 774cb2e644 feat(flow)!: Remove node/edge-types prop 
* infer node/edge types from types used in elements

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks aaf216a31e update!: Remove LoadingIndicator.vue 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 97c025478d update(node): defer update pos to nexttick 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks cd41090575 update(flow): Add slot for zoom-pane 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 55b843482b update(zoom): Add new zoom pan helper functions to instance 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 4065354c10 refactor(store): add selectednodesbbox back to state 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks b365e947e1 refactor(flow): use computedPosition when checking inner bounds 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 7cb6192591 feat(zoom): Add new zoom pan helper functions + transition for all helpers 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks d1809a58ee update(workflow): use node 14 
* add max space size

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks db726d14a8 fix(nodes): duplicate prop binding 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 0eb162f622 fix(types): marker types & flowstate id removed from state 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 9dea4bcd61 fix: move replace & copy plugin 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 9abd768bce fix(edges): connection line not showing up when no edges are defined 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks d730869443 update(examples): adapt examples 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 44f8eb1fe7 fix(test): correct usage of store in testing 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks a7bacb754a refactor(edges)!: use markerEnd and markerStart 
* remove markerEndId

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks d54c981aad update(components): add container class to background 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks c9ff178d38 update(edges): clean up edgewrapper props 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks eead00a255 feat(nodes): calculate xyz pos if nested 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 7a8aed4ec4 refactor(selection)!: Move user selection rect drawing into component 
* remove corresponding store state

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 3dae06c936 feat(edges): group edges by z-index level 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 2b34b124b0 update(edges): implement new marker props 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 503264ae51 update(nodes): remove transform from NodeRenderer 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks c8d701d3b4 update(pane): remove slots 
* remove ref and set store state directly

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 2210c59bf8 feat: add transformation pane 
* instead of using transform on each child node, wrap them in a transformed div

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 943479e2c7 refactor(zoom): Remove renderer and move logic to zoom pane 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 63301cc000 update(store): Add utils to state 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 106037056e update(store): filter edges by visibility 
* add getSelectedElements getter

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 2d611b8bbe feat(store): add addSelectedNodes, addSelectedEdges, updateNodePosition actions 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 232fd30f1d update(styles): add new stylings for container and transformation pane 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 14fc678c31 refactor(types)!: replace selectedElements with selectedNodes and selectedEdges 
* Remove initd3zoompayload
* fix export path

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks d367f3a2aa refactor(hooks)!: use selection change hook 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 056bcd5dd9 refactor(types)!: remove arrowhead and replace with markertype 
* remove markerEndId
* rename arrowHeadColor to defaultMarkerColor

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 6903dcb139 refactor(utils): move store utils to state 
* set z index on edge
* extend edgeVisibleParams by dimensions of target and node edge

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 43531043e9 refactor(store): set stored elements from nodes and edges 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks c96f62f622 refactor(flow)!: properly nest components 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 6bdea72b20 refactor(store)!: use stored node data when re-parsing elements 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 9e06d6e9b5 update(types): remove omit elements from flowoptions type 
* preserved for backwards compatibility

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 2350d83718 fix(edges): edges not properly calculating position 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 76ae73c2d2 refactor(nodes, edges): remove index from keys 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 0450ba2eae feat(store): flatten child map of nodes 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks e2d60bedfd update(store): add source/target nodes on edge parsing 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 3e42948cac chore: remove unused imports 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks c82ca4e225 update(zoom): add getElements helper 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 076ff4ce54 refactor(nodes): use plugin to import prop interface 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 419b123fee refactor(nodes)!: Remove draggable options, boolean only 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 5359e3a26a refactor(edges): use plugin to import prop interface 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks b80341467b refactor(types)!: Remove elements and replace with nodes and edges 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks f28e10b05a refactor(types): Remove internal __vf field 
* fields are merged into the GraphNode / Node interface
* Remove passing props from VueFlow container, use injected state

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 3f0b0dbd70 feat(nodes): nested boundaries 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks f00f34d84b refactor(types)!: Remove ElementId type 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks fe0eeaeae9 refactor(types)!: change node and edge types to extend element 
* element type provides intersection interface of nodes and edges
* rename isHidden to hidden

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks da54bc3316 refactor(types)!: Remove Node/TranslateExtent 
* replace with CoordinateExtent

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks ecd38b232b feat(examples): Add grouping example 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 368b0de1b6 feat(types)!: extend Element generics to DataNode and DataEdge 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 4ef58e9e99 refactor(nodes)!: change xPos yPos props to position 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 106342cacf feat(nodes): export getNodesInside utility 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 9c1f04426e feat(nodes): add store id as class to handles 
* for better identification, add a class to handle according to the current store id

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 74c30376a5 refactor(types): use vite-plugin-import-types 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
Braks 8cf22797f5 update(types): use MouseTouchEvent type for drag events 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-07 16:20:19 +01:00
Braks fe3f6e6e19 chore(deps): update draggable to ^0.4.1 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-07 14:26:17 +01:00
Braks c5228065b4 refactor(zoom): remove get and invoke imports 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-05 09:03:36 +01:00
Braks 4663bb228d v0.3.1 2021-12-04 16:43:30 +01:00
Braks 8151c28495 update: use es file for default export 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 16:40:37 +01:00
Braks 601b65a75f update: use tryOnMounted 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 16:40:07 +01:00
Braks 527a70c040 v0.3.0 2021-12-04 16:16:15 +01:00
Braks f5caf94cfa update(examples): remove node zoom from basic example 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 1a3b68373e update(store, types): overload flowoptions typings with non-nullables in flowstate 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks f8cf71cfb8 refactor(store): rename param of setState 
* newState -> opts

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 3b448100d6 fix(store): correct injection and remove id from refs 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 491c83dcc8 update(flow): disable loading component if prop not passed 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 19a55759df chore: move comment in vite.config.ts 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 0fcf8bbeaa update(store): static id for store state 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks aa72527ad2 update(test): add more flow tests 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks eab715b13a update(types): remove Loading type from components.ts 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00