alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(core,viewport): suspens transformation pane

Browse Source
This commit is contained in:
braks
2024-01-29 21:56:44 +01:00
committed by Braks
parent abe6006a09
commit ce229e547f
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/container/Viewport/Transform.vue
+4 -2
View File
@@ -5,11 +5,13 @@ import { useVueFlow } from '../../composables'
import NodeRenderer from '../NodeRenderer/NodeRenderer.vue' import NodeRenderer from '../NodeRenderer/NodeRenderer.vue'
import EdgeRenderer from '../EdgeRenderer/EdgeRenderer.vue' import EdgeRenderer from '../EdgeRenderer/EdgeRenderer.vue'
const { id, viewport, d3Zoom, d3Selection, dimensions } = useVueFlow() const { id, viewport, d3Zoom, d3Selection, dimensions, fitViewOnInitDone } = useVueFlow()
const viewportReady = ref(!isClient) const viewportReady = ref(!isClient)
until(() => !!(d3Zoom.value && d3Selection.value && dimensions.value.width > 0 && dimensions.value.height > 0)) await until(() => !!(d3Zoom.value && d3Selection.value && dimensions.value.width > 0 && dimensions.value.height > 0)).toBe(true)
until(fitViewOnInitDone)
.toBe(true) .toBe(true)
.then(() => { .then(() => {
setTimeout(() => { setTimeout(() => {
packages/core/src/container/Viewport/Viewport.vue
+5 -3
View File
@@ -402,9 +402,11 @@ export default {
:is-selecting="isSelecting" :is-selecting="isSelecting"
:class="{ connecting: !!connectionStartHandle, dragging: paneDragging, draggable: shouldPanOnDrag }" :class="{ connecting: !!connectionStartHandle, dragging: paneDragging, draggable: shouldPanOnDrag }"
> >
<Transform> <Suspense>
<slot /> <Transform>
</Transform> <slot />
</Transform>
</Suspense>
</Pane> </Pane>
</div> </div>
</template> </template>