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

refactor(core): remove reactivity transform

Browse Source
This commit is contained in:
braks
2024-03-21 20:44:45 +01:00
committed by Braks
parent b2d37e5a8c
commit f858d13909
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/core/src/components/NodesSelection/NodesSelection.vue
View File

@@ -3,7 +3,7 @@ import { computed, onMounted, ref } from 'vue'
import { useDrag, useUpdateNodePositions, useVueFlow } from '../../composables'
import { arrowKeyDiffs, getRectOfNodes } from '../../utils'
const { emits, viewport, getSelectedNodes, noPanClassName, disableKeyboardA11y, userSelectionActive } = $(useVueFlow())
const { emits, viewport, getSelectedNodes, noPanClassName, disableKeyboardA11y, userSelectionActive } = useVueFlow()
const updatePositions = useUpdateNodePositions()
@@ -23,12 +23,12 @@ const dragging = useDrag({
})
onMounted(() => {
if (!disableKeyboardA11y) {
if (!disableKeyboardA11y.value) {
el.value?.focus({ preventScroll: true })
}
})
const selectedNodesBBox = computed(() => getRectOfNodes(getSelectedNodes))
const selectedNodesBBox = computed(() => getRectOfNodes(getSelectedNodes.value))
const innerStyle = computed(() => ({
width: `${selectedNodesBBox.value.width}px`,
@@ -38,7 +38,7 @@ const innerStyle = computed(() => ({
}))
function onContextMenu(event: MouseEvent) {
emits.selectionContextMenu({ event, nodes: getSelectedNodes })
emits.selectionContextMenu({ event, nodes: getSelectedNodes.value })
}
function onKeyDown(event: KeyboardEvent) {

10
packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
View File

@@ -5,7 +5,7 @@ import { useVueFlow } from '../../composables'
import { getMarkerId } from '../../utils'
import MarkerSymbols from './MarkerSymbols.vue'
const { id: vueFlowId, edges, connectionLineOptions, defaultMarkerColor: defaultColor } = $(useVueFlow())
const { id: vueFlowId, edges, connectionLineOptions, defaultMarkerColor: defaultColor } = useVueFlow()
const markers = computed(() => {
const ids: string[] = []
@@ -16,9 +16,9 @@ const markers = computed(() => {
const markerId = getMarkerId(marker, vueFlowId)
if (!ids.includes(markerId)) {
if (typeof marker === 'object') {
markers.push({ ...marker, id: markerId, color: marker.color || defaultColor })
markers.push({ ...marker, id: markerId, color: marker.color || defaultColor.value })
} else {
markers.push({ id: markerId, color: defaultColor, type: marker as MarkerType })
markers.push({ id: markerId, color: defaultColor.value, type: marker as MarkerType })
}
ids.push(markerId)
@@ -26,11 +26,11 @@ const markers = computed(() => {
}
}
for (const marker of [connectionLineOptions.markerEnd, connectionLineOptions.markerStart]) {
for (const marker of [connectionLineOptions.value.markerEnd, connectionLineOptions.value.markerStart]) {
createMarkers(marker)
}
edges.reduce<MarkerProps[]>((markers, edge) => {
edges.value.reduce<MarkerProps[]>((markers, edge) => {
for (const marker of [edge.markerStart, edge.markerEnd]) {
createMarkers(marker)
}