alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
535 Commits 1 Branch 0 Tags
44f8eb1fe766df1ceb1d511fb9f7e22da1e650ca
Commit Graph
100 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
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
Braks b838977687 feat(test): Add container.spec.ts 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks b1f541b63d refactore(store)!: Remove transition and loading.transition property 
* Tranisitions break testing and are superflous

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 9abc222c14 update(store): add test mode 
* add key to loading slot

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks bf9ce37b64 update(store): only inject if in current instance 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 0816bf0c75 update(examples): remove pinia 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 55122ed187 update(store, deps): remove microdiff 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 55e738f6bf update(test): remove pinia from tests 
* update tests to succeed with new "store"

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 3c9840cc50 update(types): Rename FlowStore to Store and ReactiveFlowStore to FlowStore 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 70b44dbc03 update: add cjs to build 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 58a8f9d4df refactor(store)!: remove pinia 
* replace pinia with a reactive state object and inject/provide

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

update(store)!: inject store if possible, otherwise create a new one by id

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 58f5c2568c update(store): try to get active pinia before using new one 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks a66425294c update: exclude cypress dir from build 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-04 15:42:18 +01:00
Braks 229bbb7a3c fix(store): zoom related state to update when flow is ready 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-28 10:01:23 +01:00
BraksandGitHub 796c60431f feat(test): Add cypress for testing 2021-11-27 16:53:24 +01:00
Braks 43b68c1699 feat(zoom): Add option to zoom to specific node ids and transitionDuration for smooth transitions on fitView 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-26 15:59:01 +01:00
Braks 043ba21a94 fix(zoom): translateExtent not set correctly 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-26 15:38:03 +01:00
Braks 27e39796a0 fix(nodes): nodeExtent not set on position update 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-26 15:33:56 +01:00
Braks 4740a2c8fe update(hooks): add elementsProcessed event hook 
* triggered after elements have been processed and updated in store
* add missing selection change trigger to store

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-26 13:54:49 +01:00
Braks b88f2105fb update(edges): add updatable as prop to edges 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-26 11:30:23 +01:00
Braks f0ca05f0c4 v0.2.2 2021-11-26 11:28:35 +01:00
Braks 512df8e42b update(store): use setElements for addElements with force set false 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-26 11:26:37 +01:00
Braks 4630f3efc1 refactor(edges): Make edge updating optional 
* add an option to enable edge updating globally
* pass an option to an edge to enable updating for a single edge

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-26 11:08:12 +01:00
Braks 98b6fdb717 update: watch node height too for updating dimensions 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 20:38:52 +01:00
Braks 166d83725b v0.2.1 2021-11-25 19:30:40 +01:00
Braks 01f5456407 fix: setState syntax error 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 19:30:19 +01:00
Braks e73a55af62 update: zoom-pane style 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 19:29:13 +01:00
Braks c3f8809362 fix: import paths in components 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 19:29:13 +01:00
Braks 0b2764028f update(nodes): watch nodes width for dimension update 
* add force param to setElements, if set we clear the elements arr (default true)
* wait for store watcher until store is ready (i.e. a state has been set)
* move renderer css class to Renderer.vue

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 19:29:13 +01:00
Braks 5b00049a65 refactor(flow): deferr initial loading to Renderer.vue component 
* suspend flow while async processing is going on (fallback to loading component)

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 19:29:13 +01:00
Braks 4408ca1eb7 refactor(graph): async process elements 
* process elements in chunks of 50 per ms to avoid blocking main thread

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

refactor(flow): deferr initial loading to Renderer.vue component
 2021-11-25 19:29:13 +01:00
Braks 50fc0f2fd8 v0.2.0 2021-11-25 15:26:22 +01:00
Braks 6c3bce88a7 update(graph): mutate elements arr on updateEdge 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks bd140f1549 update(flow): remove store, worker props 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks f2e38ca7ac update(nodes): add __vf to node props 
* move edge/node component-types to components file

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks 3855e9fe3f update(flow): remove worker prop 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks bb0b9049ea fix(flow): props not being watched on time 
* updated example for UpdateNode

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks 233e915376 update(store): remove promise from setState 
* add default values for nodeTypes/edgeTypes - empty array for customs

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks fd83a6d365 fix(store): parsing overwriting __vf fields or not writing them at all 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks 5ceee98e9b fix(store): check if state option is typeof undefined before setting (not just false-ish) 
update: export useWindow
update: remove logs from useHandle
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00