alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
576 Commits 1 Branch 0 Tags
f8a23c59ecda444435eef11c4ccb8d05df949816
Commit Graph
77 Commits
Author SHA1 Message Date
Braks f8a23c59ec refactor(flow)!: Use watcher to change every prop as a single item 
* instead of replacing the whole state on each watch trigger, split into multiple watchers that set a single state
* improve reacitivty and two-way binding for v-models
* remove elements option -> only modelValue (old api) or nodes/edges

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-12-20 19:29:52 +01:00
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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 95fc013613 update(flow): set modelValue after initialization of elements 
* remove extra edge parsing

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks 96d54c59dc refactor(store): check if state variables have to be re-set 
* instead of just pasting over the state constantly check what needs to be re-set

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks 1ce41ccd40 refactor: move init function to store as setState 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks 708fa1f970 refactor(options)!: remove worker and store option 
* either unnecessary, broken or needs more work

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-25 15:21:36 +01:00
Braks b140b84ccd fix(flow): check diff before re-parsing elements 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-24 01:02:32 +01:00
Braks e065df5afc fix(flow): Add watcher that observes elements length for re-parsing 
* instead of deeply watching the elements' arr (which would cause a re-parsing on any element pos change, like dragging a node) we watch the elements + elements arr length and re-parse as necessary

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-24 00:36:57 +01:00
Braks c286b3b7ff fix(flow): preventScrolling missing in props definition 
* remove console log from ZoomPane
* Add missing name to VueFlow

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-23 17:18:35 +01:00
Braks 46ecec5366 feat(options): add preventScrolling option 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-23 14:12:43 +01:00
Braks 9ec1c4dc2b fix: remove deep flag from elements and store-elements watcher 
* deep watching causes a reset after positions change
* fallback to non-worker parsing

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-23 13:55:41 +01:00
Braks 0b57ee167e refactor: remove node/edge-renderer slots 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-22 17:42:00 +01:00
Braks b9bb3cfb1a update(types): remove null types and use undefined 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-22 17:14:57 +01:00
Braks fec38a129a fix!: prop typings 
* remove wrapper exports from library

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-22 15:49:27 +01:00
Braks 049b701580 update: use controlledComputed for edges/nodes 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-22 14:10:49 +01:00
Braks 2b065b4e56 update: pass store state as props to edge-renderer and edge 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-22 13:40:25 +01:00
Braks 6059b02e44 update: Pass down values as props instead of relying on store 
* store values are passed down by main vue flow component
* store is only used to emit events or if really necessary in the component
* add keys with store id to elements
*

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-22 12:25:32 +01:00
Braks c35673c622 refactor: pass props to edge/nodewrapper separately 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-22 01:22:27 +01:00
Braks 3e4433c175 fix: skip dimensions check when ssr 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-21 18:48:24 +01:00
Braks f64ae24ee2 update: Add name to flow component 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-21 18:20:51 +01:00
Braks fd71e1e16e update: Add names to components 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-21 16:54:59 +01:00
Braks 062aee45b2 update!: graphnode and node typing 
* graphnode is a node containing internal Vue Flow data
* move util files to util directory
* move flow actions type into store file
* rename panel type file to zoom
* rename types file to flow
* Rename Node to NodeWrapper
* Rename Edge to EdgeWrapper

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-21 16:25:27 +01:00
Braks 71ba905348 fix: zoom values being initialized before zoom is ready 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-21 12:49:44 +01:00
Braks da29a613f0 feat(slots): Add node and edge renderer slots 
* more flexibility by having the ability to use the node/edge-renderer and wrapper
* export renderer and wrapper from lib entry

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-21 12:34:28 +01:00
Braks 39b21faa5b refactor(types)!: Remove elements prop, change EdgeTypes/NodeTypes prop to string[] 
* no more elements prop - v-model instead!
* Instead of passing an object map to components just pass in an array of strings as nodeTypes/edgeTypes object
* the string name will either be resolved to a dynamic component with :is="type" or a slot with the type-name
* update all examples

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
 2021-11-20 22:10:25 +01:00