Commit Graph
75 Commits
Author SHA1 Message Date
bcakmakoglu 8af74259ec chore: remove old edge wrapper component 2022-05-27 23:36:01 +02:00
bcakmakoglu 957918e7c7 fix(drag): set dragging to false after drag 2022-05-27 23:36:01 +02:00
bcakmakoglu 674a65788e feat(nodes): implement useDrag in NodesSelection.vue 2022-05-27 23:36:01 +02:00
bcakmakoglu 7479534647 fix(nodes): extent not applied 2022-05-27 23:36:01 +02:00
bcakmakoglu e3c7424aa7 chore(edges): add missing selected prop 2022-05-27 23:36:01 +02:00
bcakmakoglu 128c1a4a84 fix(drag): check if node position was manually changed since last drag 2022-05-27 23:36:01 +02:00
Braks e483da2443 refactor(nodes): watch dimensions for xyzpos 2022-05-27 23:36:01 +02:00
Braks 98162699ae chore: remove passing getters to getSelectionChanges 2022-05-27 23:36:01 +02:00
Braks e2f3da8e1b refactor(vue-flow)!: remove reactive options 2022-05-27 23:36:01 +02:00
Braks b63d3da0c0 fix(nodes,drag): update xyz on select 2022-05-27 23:36:01 +02:00
Braks cec8f4d77e refactor(vue-flow,nodes): use absolute positions instead of deltas 2022-05-27 23:36:01 +02:00
Braks 660c0bceab fix(nodes): unselect nodes on drag start 2022-05-27 23:36:01 +02:00
Braks fe6114c738 chore: lint 2022-05-27 23:36:01 +02:00
Braks 9cdad4d9fc refactor(vue-flow,hooks): simplify event defs 2022-05-27 23:36:01 +02:00
Braks 78d8190f58 chore(vue-flow,store): move store utils to separate file 2022-05-27 23:36:01 +02:00
Braks ec7901ef34 refactor(vue-flow,nodes,edges)!: add remove selected elements actions
# What's changed?

* Rename `resetSelectedElements` to `removeSelectedElements` and allow to specify which elements to remove
* Add `removeSelectedNodes` and `removeSelectedEdges` actions
2022-05-27 23:36:01 +02:00
Braks c059b5929a refactor(vue-flow,nodes): remove v-model 2022-05-27 23:36:01 +02:00
Braks ddac5b0e58 fix(vue-flow,nodes): unselect nodes on click when multi selection active 2022-05-27 23:36:01 +02:00
Braks d5a19cd1d8 refactor(edges): move classes to Wrapper.ts 2022-05-27 23:36:01 +02:00
Braks 975d5519a4 fix(edges): check if connection exists 2022-05-27 23:36:01 +02:00
Braks bae5d1e26d chore: lint 2022-05-27 23:36:01 +02:00
Braks 9510f3dd54 update(nodes): add drag filter type 2022-05-27 23:36:01 +02:00
Braks dd86e04a03 chore: fix prop types in edge wrapper 2022-05-27 23:36:01 +02:00
Braks de60d924ff fix(nodes): jumping when drag is out of sync with last pos 2022-05-27 23:36:01 +02:00
Braks ce13007dbf refactor(edges): Make edge wrapper functional component
# What's changed?

* remove edge-positions from graph edge
* remove source and target nodes from graph edge
* refactor edge wrapper into functional component and handle source/target positions internally
2022-05-27 23:36:01 +02:00
Braks a65d85687d refactor(nodes): reduce nodewrapper re-render
# What's changed?

* use v-model for computed pos
* remove computed from style and class getters
2022-05-27 23:36:01 +02:00
Braks 33127395b6 refactor(nodes,edges): mark nodes edges as shallow reactive
# What's changed?

* Mark nodes & edges as shallow reactives
* defer changes to nextTick
2022-05-27 23:36:01 +02:00
Braks 4cb4d9c0f4 refactor(edges): Remove get type call for names 2022-05-27 23:36:01 +02:00
Braks f9671b1ec4 refactor(store,selection)!: Remove selectedNodesBbox from store
# What's changed?

* Remove selectedNodesBbox from store state
* Will be handled internally by NodesSelection component
2022-05-27 23:36:01 +02:00
Braks 80878a228c refactor(nodes): remove node and parent node props from wrapper 2022-05-27 23:36:01 +02:00
Braks 1e506dc151 chore: filter on drag 2022-05-27 23:36:01 +02:00
Braks 86ba26fe9a refactor(nodes)!: Remove dragging from graph nodes
# What's changed?

* Dragging property removed from position updates and graph nodes
* Dragging is handled internally by nodes and passed to custom nodes
2022-05-27 23:36:01 +02:00
Braks 95e36d0c2c refactor: use d3-drag 2022-05-27 23:36:01 +02:00
bcakmakoglu 5d94a988c7 docs: add teleportable example 2022-05-27 23:36:01 +02:00
bcakmakoglu e38cb4e0c2 feat(nodes): only allow teleport on graph nodes 2022-05-27 23:36:01 +02:00
Braks 0d35f1c7e3 feat(nodes): Add teleport option to nodes
# What's changed?

* Add option to set a teleport target to nodes
2022-05-27 23:36:01 +02:00
Braks 1ddeffe1af refactor(nodes,edges): Add node/edge add changes
# What's changed?

* Elements are not added directly to state but parsed and emitted through change handler and then inserted to state
* Remove add element cb from apply changes
* Remove reset change (not implemented)
2022-05-27 23:36:01 +02:00
bcakmakoglu 567b55b8e4 fix(edges): destruct bounding box 2022-05-27 23:36:01 +02:00
bcakmakoglu d519eba430 feat(vue-flow,components): add mouseover events for minimap nodes 2022-05-27 23:36:01 +02:00
Braks 7c360bb5c1 feat: Add mouse over events for minimap nodes 2022-05-27 23:36:01 +02:00
Braks 0cd6eaff35 feat: Add width and height options to minimap 2022-05-27 23:36:01 +02:00
bcakmakoglu 5b307b548a feat(nodes): add connected edges to node mouse events
# What's changed?

* Add `NodeMouseEvent` interface
* Add `EdgeMouseEvent` interface
* Add `connectedEdges` to node mouse events
2022-05-27 23:36:01 +02:00
Braks 0a2a467e56 refactor: use reactivity transform in edge-texts 2022-05-27 23:36:01 +02:00
Braks 0d17d00644 refactor: change edge-text prop type to extend svgattributes 2022-05-27 23:36:01 +02:00
bcakmakoglu b846a3f763 fix(edges): default edge options not applied on new edges 2022-05-27 23:36:01 +02:00
bcakmakoglu f6d250956e v0.4.12 2022-05-26 19:37:03 +02:00
Braks 98a893108c docs: replace codesandbox embed with repl (#122)
* docs: Animations

* docs: add confetti gun

* docs: update basic example on home page

* docs(deps): Add stackblitz sdk to deps

* chore: update yarn.lock

* docs: use vue repl

* docs: remove stackblitz sdk

* docs: basic repl example

* docs: use repl for examples/index.md (basic example)

* docs: pass ext to repl

* docs: add copy plugin

* docs: use import map instead of dynamic imports

* docs: use repl for custom node example

* docs: hide repl errors

* docs: use repl for custom connectionline example

* docs: use repl for edges example

* docs: exclude repl from ssr

* docs: use repl for nested example

* docs: use repl for stress example

* docs: rename customNode to custom-node

* docs: use repl for update-edge example

* docs: use repl for update-node example

* docs: use repl for validation example

* docs: use repl for save-restore example

* docs: scale down minimap in repl examples

* docs: use repl for dnd example

* docs: use repl for empty example

* docs: use repl for hidden example

* docs: use repl for interaction example

* docs: use repl for multi example

* docs: add pinia example with stackblitz

* docs: update basic example

* docs: update examples

* docs: remove transition from intro

* docs: update features

* update: README.md

* docs: scope css
2022-05-26 19:28:25 +02:00
bcakmakoglu 6494b65b3e fix(edges): pass markers to correct attributes 2022-05-26 19:28:25 +02:00
Braks e714fe66dd v0.4.11 2022-05-22 22:49:42 +02:00
Braks 0a285d63c7 feat(pathfinding-edge): add and export props type 2022-05-22 22:46:47 +02:00