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-24 13:31:22 +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
packages/core/src/components/NodesSelection/NodesSelection.vue
+4 -4
View File
@@ -3,7 +3,7 @@ import { computed, onMounted, ref } from 'vue'
import { useDrag, useUpdateNodePositions, useVueFlow } from '../../composables' import { useDrag, useUpdateNodePositions, useVueFlow } from '../../composables'
import { arrowKeyDiffs, getRectOfNodes } from '../../utils' import { arrowKeyDiffs, getRectOfNodes } from '../../utils'
const { emits, viewport, getSelectedNodes, noPanClassName, disableKeyboardA11y, userSelectionActive } = $(useVueFlow()) const { emits, viewport, getSelectedNodes, noPanClassName, disableKeyboardA11y, userSelectionActive } = useVueFlow()
const updatePositions = useUpdateNodePositions() const updatePositions = useUpdateNodePositions()
@@ -23,12 +23,12 @@ const dragging = useDrag({
}) })
onMounted(() => { onMounted(() => {
if (!disableKeyboardA11y) { if (!disableKeyboardA11y.value) {
el.value?.focus({ preventScroll: true }) el.value?.focus({ preventScroll: true })
} }
}) })
const selectedNodesBBox = computed(() => getRectOfNodes(getSelectedNodes)) const selectedNodesBBox = computed(() => getRectOfNodes(getSelectedNodes.value))
const innerStyle = computed(() => ({ const innerStyle = computed(() => ({
width: `${selectedNodesBBox.value.width}px`, width: `${selectedNodesBBox.value.width}px`,
@@ -38,7 +38,7 @@ const innerStyle = computed(() => ({
})) }))
function onContextMenu(event: MouseEvent) { function onContextMenu(event: MouseEvent) {
emits.selectionContextMenu({ event, nodes: getSelectedNodes }) emits.selectionContextMenu({ event, nodes: getSelectedNodes.value })
} }
function onKeyDown(event: KeyboardEvent) { function onKeyDown(event: KeyboardEvent) {
packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
+5 -5
View File
@@ -5,7 +5,7 @@ import { useVueFlow } from '../../composables'
import { getMarkerId } from '../../utils' import { getMarkerId } from '../../utils'
import MarkerSymbols from './MarkerSymbols.vue' 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 markers = computed(() => {
const ids: string[] = [] const ids: string[] = []
@@ -16,9 +16,9 @@ const markers = computed(() => {
const markerId = getMarkerId(marker, vueFlowId) const markerId = getMarkerId(marker, vueFlowId)
if (!ids.includes(markerId)) { if (!ids.includes(markerId)) {
if (typeof marker === 'object') { if (typeof marker === 'object') {
markers.push({ ...marker, id: markerId, color: marker.color || defaultColor }) markers.push({ ...marker, id: markerId, color: marker.color || defaultColor.value })
} else { } 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) 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) createMarkers(marker)
} }
edges.reduce<MarkerProps[]>((markers, edge) => { edges.value.reduce<MarkerProps[]>((markers, edge) => {
for (const marker of [edge.markerStart, edge.markerEnd]) { for (const marker of [edge.markerStart, edge.markerEnd]) {
createMarkers(marker) createMarkers(marker)
} }